.coupon .shop.vc {
    padding-left: 0;
    padding-right: 0;
}
.coupon {
    cursor:pointer;
}
.coupon > .row {
	margin-left:0;
	margin-right:0;
}
.coupon .description h2 {
    margin-bottom: 0;
}
.coupon .code span.the-code {
        font-family: Proximanova-semibold;
    font-size: 8pt;
    display: block;
    text-align: center;
    letter-spacing: 2px;
    border: 2px dashed #e3a8088f;
}
.coupon .code a {
        display: block;
    text-align: center;
    margin-top: 10px;
    background: #fabc15;
    border-radius: 4px;
    border-bottom: 2px solid #e3a808;
    color: #FFF;
    font-size: 10pt;
    font-family: proximanova-regular;
}
.coupon .description {
    border-right: 1px dashed #fabc15;
    position:relative;
}
.coupon .code {
    background: #fabc1508;
}
.coupon .description h2 {
    margin-bottom: 0;
    font-size: 11pt;
    line-height: 20px;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    padding-left: 15px;
    padding-right: 15px;
}
span.expires {
    position: absolute;
    bottom: 7px;
    left: 0;
    right: 0;
    font-size: 10pt;
    padding-top: 7px;
    padding-left: 15px;
    padding-right: 15px;
}
.coupon .code a:hover::after {
    opacity: 1;
}
.coupon .code a::after {
	content: 'Kopieer code en ga naar website';
    position: absolute;
    bottom: -10px;
    color: #FFF;
    width: 150%;
    z-index: 1;
    background: #000;
    border-radius: 3px;
    padding: 7px;
    left: -25%;
    font-family: 'ProximaNova-Regular';
    text-transform: initial;
    transition: all .2s ease;
    opacity: 0;
    line-height: 16px;
    font-size: 9pt;
}
.heading p {
    font-size:14pt;
}
.row.the-coupons {
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .has-coupon-credits a {
        text-align:center;
        margin-bottom:20px;
        font-size:14pt;
        display:block;
        width:100%;
        font-family:ProximaNova-Regular;
        color:#2f7c8e;
    }
    .archive-kortingscodes .coupon .shop img:first-child {
    display: block;
}
.coupon span.the-description {
    font-size: 8pt;
    line-height: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
@media (min-width: 320px) and (max-width: 480px) {
    .coupon span.the-description {
    position: unset;
    margin-top: 10px;
    line-height: 19px;
    font-size: 9pt;
}
    .coupon  {
        position:relative;
    }
.row.the-coupons {
    margin-top: 10px;
    margin-bottom: 10px;
}
.coupon .shop img:first-child {
    display: none;
}
.coupon span.expires {
    margin-bottom: 10px;
}
.coupon .description h2 {
    margin-top: 10px;
}
.heading p {
     font-size: 14pt;
   
   }
   .has-coupon-credits a {
    font-size: 8pt;
    line-height: 13px;
}
.coupon .code a:hover::after {
    opacity: 0;
}
.coupon span.expires, .coupon .description h2 {
    position: unset;
    padding-left: 0;
    padding-right: 0;
}
.coupon .code a {
    margin-bottom: 15px;
}
.coupon .description {
    border: none;
}
.coupon .shop {
    overflow: hidden;
}

.coupon .shop img {
    margin-top: -60px;
    margin-bottom: -60px;
}
}