/*--------------------------------------------------------------
# Content Styles
--------------------------------------------------------------*/
.rebranding, .seo {
    --padding: clamp(5em, 15vw, 10em);
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    padding-bottom: var(--padding);
}

.rebranding {
    background-image: url('/wp-content/uploads/casestudy-imperial-website-rebranding-bg.jpg');
    background-position: center center;
}

.seo {
    --padding: clamp(5em, 15vw, 5em);
    background-image: url('/wp-content/uploads/casestudy-imperial-seo-section-bg.jpg');
    background-repeat: no-repeat;
    background-position: center 12vh;
    background-size: cover;
    color: white;
    padding-bottom: var(--padding);
}



/*--------------------------------------------------------------
# Media Query Styles
--------------------------------------------------------------*/
@media all and ( min-width: 1400px ) {
    .seo {
        background-position: center 20vh;
    }
}