section.bg-feel-the-sun-overlay {position:relative;}
.bg-feel-the-sun-overlay:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    right: 0;
    height: 220px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center top;
    background-image: url(/assets/content/dam/approved/campaigns/sunscapes/2022/suncity-sunscapes-overlay.png);
}
.bg-feel-the-sun-overlay.table-bay:before {background-image: url(/assets/content/dam/approved/campaigns/sunscapes/2022/table-bay-sunscapes-overlay.png);}
.bg-feel-the-sun-overlay.wild-coast:before {background-image: url(/assets/content/dam/approved/campaigns/sunscapes/2022/wcs-sunscapes-overlay.png);}
.bg-feel-the-sun-overlay.time-square:before {background-image: url(/assets/content/dam/approved/campaigns/sunscapes/2022/time-sunscapes-overlay.png);}
.bg-feel-the-sun-overlay.boardwalk:before {background-image: url(/assets/content/dam/approved/campaigns/sunscapes/2022/boardwalk-sunscapes-overlay.png);}
.bg-feel-the-sun-overlay.maslow:before {background-image: url(/assets/content/dam/approved/campaigns/sunscapes/2022/maslow-sunscapes-overlay.png);}
.bg-feel-the-sun-overlay.sibaya:before {background-image: url(/assets/content/dam/approved/campaigns/sunscapes/2022/sibaya-sunscapes-overlay.png);}
.bg-feel-the-sun-overlay.meropa:before {background-image: url(/assets/content/dam/approved/campaigns/sunscapes/2022/meropa-sunscapes-overlay.png);}
.bg-feel-the-sun-overlay.palace:before {background-image: url(/assets/content/dam/approved/campaigns/feel-the-sun/palace-feel-the-sun-overlay.png);}
.bg-feel-the-sun-overlay.golden-valley:before {background-image: url(/assets/content/dam/approved/campaigns/feel-the-sun/golden-valley-feel-the-sun-overlay.jpg); height:36px;}
.bg-feel-the-sun-overlay.generic:before {background-image: url(/assets/content/dam/approved/campaigns/feel-the-sun/sun-international-feel-the-sun-overlay.png);}

.bg-sun-pink {background-color:#ed0c6e;}
.bg-sun-yellow {background-color:#fabf2e;}

.bg-cabanas-cold {background-color:#61c5b4;}
.bg-cascades-cold {background-color:#1dbed2;}
.bg-soho-cold {background-color:#31d3ae;}
.bg-palace-cold {background-color:#75c7b9;}

.bg-cabanas-warm {background-color:#c155a0;}
.bg-cascades-warm {background-color:#f7aab1;}
.bg-soho-warm {background-color:#7b2a82;}
.bg-palace-warm {background-color:#7a003c;}

.bg-table-bay {background-color:#a39261;}
.bg-wild-coast {background-color:#00b0ab;}
.bg-time-square {background-color:#683165;}
.bg-maslow {background-color:#74cbc8;}
.bg-sibaya {background-color:#15ab8f;}
.bg-meropa {background-color:#622550;}
.bg-boardwalk {background-color:#0074bc;}
.bg-palace {background-color:#692145;}
.bg-golden-valley {background-color:#f7722f;}

.bg-mvg-lightgray {background-color:#7c97ac;}

h2 big {font-size: 200%; position: relative; top: 25px; font-weight: 500; line-height: 40%;}
h2 sup {font-size: 50%; top: -0.8em;}

.logo-block {
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    border-radius: 5px;
    background-size: cover;
    background-position:center;
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    left: 0;}

@media (min-width: 992px){
.logo-block {position: absolute;}
}

.logo-block:before {
    display: block;
    content: '';
    background-color: rgba(0,0,0,.25);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    top: 0;
    border-radius: 5px;
}

.logo-block img {position: relative; z-index: 5; top: 30%;}

@media (max-width: 767px){
h2 {font-size:23px;}
h2 big {font-size:148%; top:6px;}
}

.text-center p.text-left {text-align:left;}