.main-message {
    background-color: #4c2683;
    color: white;
    padding-top: 2em;
    padding-bottom: 2em;
    font-size: 130%;
    text-align: center;
}

.main-message p {
    font-size: 80%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.parallax {
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    transition: background-position 3s;
}

.parallax.animate.plant-garden {
    background-position: center 20%;
}

.parallax.animate.huddle {
    background-position: center center;
}

.parallax.animate.harlaxton {
    background-position: center bottom;
}

.parallax img.text-graphic {
    margin-bottom: 0px !important;
    margin-top: min(35vw, 500px) !important;
    width: 30%;
}

.plant-garden {
    background-image: url('../images/brand-identity/background-plant-garden.jpg');
    /*background-position: center -50px;*/
}

.huddle {
    background-image: url('../images/brand-identity/background-huddle-blue.jpg');
    /*background-position: center center;*/
    text-align: right;
}

.harlaxton {
    background-image: url('../images/brand-identity/background-harlaxton.jpg');
    /*background-position: center bottom;*/
}

.line-art {
    margin-top: 2em;
}

.active-academics {
    background-color: #E04E39;
    color: white;
    padding-bottom: 2em;
}

.active-academics h2 {
    width: 100%;
    text-align: left;
}

.active-academics h2 span {
    display: inline-block;
    font-size: min(8.5vw, 120px);
    line-height: min(7vw, 90px);
    white-space: nowrap;
    color: #F2C75C;
    text-transform: uppercase;
}

.active-academics p {
    font-size: 120%;
}

.caring-culture {
    background-color: #298FC2;
    color: white;
    padding-bottom: 2em;
}

.caring-culture h2 {
    width: 100%;
    text-align: right;
}

.caring-culture h2 span {
    display: inline-block;
    font-size: min(8.5vw, 120px);
    line-height: min(7vw, 90px);
    white-space: nowrap;
    color: #F2C75C;
    text-transform: uppercase;
}

.caring-culture p {
    font-size: 120%;
}

.extraordinary-experiences {
    background-color: #4C2683;
    color: white;
    padding-bottom: 2em;
}

.extraordinary-experiences h2 {
    width: 100%;
    text-align: left;
}

.extraordinary-experiences h2 span {
    display: inline-block;
    font-size: min(8.5vw, 120px);
    line-height: min(7vw, 90px);
    white-space: nowrap;
    color: #F2C75C;
    text-transform: uppercase;
}

.who-will-thrive {
    background-image: url('../images/brand-identity/background-students-arm-in-arm.jpg');
    background-size: cover;
    background-position: center center;
    padding: 2em;
}

.who-will-thrive .infographic {
    max-height: 37.5vw;
    min-height: 460px;
    width: auto;
    display: block;
    margin-right: auto;
}

.extraordinary-experiences p {
    font-size: 120%;
}

.harlaxton img.text-graphic {
    width: 60%;
}

.line-art {
    display: block;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}

.olmsted-sunrise {
    background-image: url('../images/brand-identity/background-olmsted-sunrise.jpg');
    background-size: cover;
    background-position: right center;
    padding-top: 2em;
}

.olmsted-sunrise .wysiwyg {
    color: white;
    font-size: 130%;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px black;
}

.olmsted-sunrise .wysiwyg p {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
}

.olmsted-sunrise .wysiwyg  a.btn {
    font-size: 75%;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .who-will-thrive {
        background-image:  url('../images/brand-identity/bullseye-graphic.png'), url('../images/brand-identity/background-students-arm-in-arm-wide.jpg');
        background-size: 8vw, cover;
        background-repeat: no-repeat, no-repeat;
        background-position: 98% 95%, center center;
    }
    
    .who-will-thrive .infographic {
        margin-right: 6% !important;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .who-will-thrive .infographic {
        margin-right: 15% !important;
    }
}