/* === First Section === */
article:nth-child(1){
    background-color: #F0F0F0;
    height: 45vw;
    position: relative;
}

article:nth-child(1) h1{
    color: #0F1425;
    font-size: 4vw;
    font-weight: 350;
    left: 5vw;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: absolute;
    top: 8vw;
}

article:nth-child(1) div.paragraph-separator{
    background-color: #0F1425;
    left: 5vw;
    position: absolute;
    top: 21vw;
}

article:nth-child(1) p{
    color: #0F1425;
    font-size: 1.5vw;
    font-weight: 350;
    left: 5vw;
    line-height: 2.5vw;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: absolute;
    width: 60vw;
}

article:nth-child(1) p:nth-child(3){
    top: 23vw;
}

article:nth-child(1) p:nth-child(4){
    top: 27vw;
}

article:nth-child(1) img{
    height: 45vw;
    mask-image: linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,0));
    -webkit-mask-image: -webkit-gradient(linear, right bottom, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}

article:nth-child(1) ul{
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
}

article:nth-child(1) ul li{
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    color: #039BE5;
    display: block;
    height: 5vw;
    position: absolute;
    text-shadow: 0 0 0.1vw rgba(51, 51, 51, 0.3);
}

article:nth-child(1) ul li:nth-child(1){
    top: 25vw;
    left: 80vw;
}

article:nth-child(1) ul li:nth-child(2){
    top: 1.5vw;
    left: 70vw;
}

article:nth-child(1) ul li:nth-child(3){
    top: 10vw;
    left: 34vw;
}

article:nth-child(1) ul li:nth-child(4){
    top: 37vw;
    left: 20vw;
}

article:nth-child(1) ul li:nth-child(5){
    top: 1vw;
    left: 39vw;
}

article:nth-child(1) ul li:nth-child(6){
    top: 28vw;
    left: 29vw;
}

article:nth-child(1) ul li:nth-child(7){
    top: 15vw;
    left: 72vw;
}

article:nth-child(1) ul li:nth-child(8){
    top: 19vw;
    left: 38vw;
}

article:nth-child(1) ul li span{
    text-align: center;
    vertical-align: middle;
    display: block;
}

article:nth-child(1) ul li span:nth-child(1){
    font-size: 2vw;
    height: 3vw;
    line-height: 3vw;
}

article:nth-child(1) ul li span:nth-child(2){
    font-size: 1.2vw;
    height: 2vw;
    line-height: 2vw;
}

article:nth-child(1) ul li:nth-child(1){
	animation-name: fading-stat2;
}

article:nth-child(1) ul li:nth-child(2){
	animation-name: fading-stat3;
}

article:nth-child(1) ul li:nth-child(3){
	animation-name: fading-stat4;
}

article:nth-child(1) ul li:nth-child(4){
	animation-name: fading-stat5;
}

article:nth-child(1) ul li:nth-child(5){
	animation-name: fading-stat6;
}

article:nth-child(1) ul li:nth-child(6){
	animation-name: fading-stat7;
}

article:nth-child(1) ul li:nth-child(7){
	animation-name: fading-stat8;
}

article:nth-child(1) ul li:nth-child(8){
	animation-name: fading-stat9;
}

@keyframes fading-stat2{
    0% {opacity: 0;}
	12.5% {opacity: 1;}
    25% {opacity: 1;}
	37.5% {opacity: 0;}
	100% {opacity: 0;}
}

@keyframes fading-stat8{
    0% {opacity: 0;}
    12.5% {opacity: 0;}
	25% {opacity: 1;}
    37.5% {opacity: 1;}
	50% {opacity: 0;}
	100% {opacity: 0;}
}

@keyframes fading-stat4{
    0% {opacity: 0;}
	25% {opacity: 0;}
	37.5% {opacity: 1;}
    50% {opacity: 1;}
	62.5% {opacity: 0;}
	100% {opacity: 0;}
}

@keyframes fading-stat6{
    0% {opacity: 0;}
	37.5% {opacity: 0;}
	50% {opacity: 1;}
    62.5% {opacity: 1;}
	75% {opacity: 0;}
	100% {opacity: 0;}
}

@keyframes fading-stat3{
    0% {opacity: 0;}
	50% {opacity: 0;}
	62.5% {opacity: 1;}
    75% {opacity: 1;}
	87.5% {opacity: 0;}
	100% {opacity: 0;}
}

@keyframes fading-stat9{
    0% {opacity: 0;}
	62.5% {opacity: 0;}
	75% {opacity: 1;}
    87.5% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes fading-stat5{
    0% {opacity: 1;}
	12.5% {opacity: 0;}
    75% {opacity: 0;}
	87.5% {opacity: 1;}
	100% {opacity: 1;}
}

@keyframes fading-stat7{
    0% {opacity: 1;}
	12.5% {opacity: 1;}
    25% {opacity: 0;}
    87.5% {opacity: 0;}
	100% {opacity: 1;}
}

@media only screen and (max-device-width: 480px){
    article:nth-child(1){
        height: 113.877vw;
    }

    article:nth-child(1) h1{
        font-size: 9vw;
        top: 10vw;
    }

    article:nth-child(1) div.paragraph-separator{
        top: 32vw;
    }

    article:nth-child(1) p{
        font-size: 3.9vw;
        line-height: 6.5vw;
        width: 90vw;
    }

    article:nth-child(1) p:nth-child(3){
        top: 36vw;
    }

    article:nth-child(1) p:nth-child(4){
        top: 43vw;
    }

    article:nth-child(1) img{
        height: auto;
        left: 0;
        mask-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
        -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
        top: 50vw;
        width: 100vw;
    }

    article:nth-child(1) ul li{
        height: 5vw;
        text-shadow: 0 0 0.3vw rgba(51, 51, 51, 0.3);
    }

    article:nth-child(1) ul li:nth-child(1){
        left: 77vw;
        top: 90vw;
        width: 20vw;
    }

    article:nth-child(1) ul li:nth-child(2){
        left: 40vw;
        top: 40vw;
    }

    article:nth-child(1) ul li:nth-child(3){
        left: 2vw;
        top: 75vw;
    }

    article:nth-child(1) ul li:nth-child(4){
        left: 60vw;
        top: 71vw;
        width: 40vw;
    }

    article:nth-child(1) ul li:nth-child(5){
        left: 1vw;
        top: 53vw;
        width: 35vw;
    }

    article:nth-child(1) ul li:nth-child(6){
        left: 57vw;
        top: 52vw;
        width: 40vw;
    }

    article:nth-child(1) ul li:nth-child(7){
        left: 50vw;
        top: 20vw;
        width: 40vw;
    }

    article:nth-child(1) ul li:nth-child(8){
        left: 1vw;
        top: 90vw;
        width: 29vw;
    }

    article:nth-child(1) ul li span:nth-child(1){
        font-size: 5vw;
        height: 7.5vw;
        line-height: 7.5vw;
    }

    article:nth-child(1) ul li span:nth-child(2){
        font-size: 3vw;
        height: 5vw;
        line-height: 5vw;
    }
}


/* === Values Section === */
article:nth-child(2){
    background-color: #0F1425;
    color: #ECECEC;
    padding: 5vw 5vw 5vw 5vw;
}

article:nth-child(2) h2{
    font-size: 4vw;
    margin: 0 0 3vw 0;
    font-weight: 400;
}

article:nth-child(2) ol{
    list-style: none;
    width: 70vw;
    padding: 0 5vw 0 15vw;
    margin: 0 0 0 0;
}

article:nth-child(2) ol li{
    vertical-align: top;
    width: 28vw;
    margin: 1vw 0 3vw 0;
    padding: 0 7vw 0 0;
    display: inline-block;
}

article:nth-child(2) ol li span{
    display: block;
    margin: 1vw 0 1vw 0;
}

article:nth-child(2) ol li span:nth-child(1){
    font-size: 4.5vw;
}

article:nth-child(2) ol li span:nth-child(2){
    font-size: 2vw;
}

article:nth-child(2) ol li span:nth-child(3){
    font-size: 1.5vw;
    line-height: 2.5vw;
}

@media only screen and (max-device-width: 480px){
    article:nth-child(2){
        padding: 10vw 5vw 10vw 5vw;
    }

    article:nth-child(2) h2{
        font-size: 11vw;
        margin: 0 0 5vw 0;
    }

    article:nth-child(2) ol{
        width: 83vw;
        padding: 0 0 0 7vw;
        margin: 0 0 0 0;
    }

    article:nth-child(2) ol li{
        width: 75vw;
        margin: 3vw 0 5vw 0;
        padding: 0 0 0 0;
        display: block;
    }

    article:nth-child(2) ol li span{
        margin: 0 0 0 0;
    }

    article:nth-child(2) ol li span:nth-child(1){
        font-size: 9vw;
    }

    article:nth-child(2) ol li span:nth-child(2){
        font-size: 4.7vw;
    }

    article:nth-child(2) ol li span:nth-child(3){
        font-size: 3.2vw;
        line-height: 5.8vw;
    }
}

/* === Who are our tutors === */
article:nth-child(4){
    position: relative;
    background-color: #ACBBC6;
    padding: 5vw 5vw 5vw 5vw;
    height: 60vw;
}

article:nth-child(4) h2{
    font-size: 4.5vw;
    font-weight: 350;
    margin: 0 0 3vw 0;
    text-align: center;
}

article:nth-child(4) p{
    font-size: 1.5vw;
    line-height: 2.5vw;
    position: absolute;
}

article:nth-child(4) img:nth-child(2){
    width: 30vw;
    position: absolute;
    right: 0;
    top: 13vw;
    border-top-left-radius: 0.3vw;
    border-bottom-left-radius: 0.3vw;
}

article:nth-child(4) p:nth-child(3){
    width: 60vw;
    left: 5vw;
    top: 15vw;
}

article:nth-child(4) p:nth-child(4){
    width: 60vw;
    left: 35vw;
    top: 36vw;
}

article:nth-child(4) img:nth-child(5){
    width: 30vw;
    position: absolute;
    left: 0vw;
    top: 36vw;
    border-top-right-radius: 0.3vw;
    border-bottom-right-radius: 0.3vw;
}

article:nth-child(4) p:nth-child(6){
    width: 60vw;
    left: 35vw;
    top: 49vw;
}

@media only screen and (max-device-width: 480px){
    article:nth-child(4){
        padding: 5vw 5vw 5vw 5vw;
        height: 258vw;
    }

    article:nth-child(4) h2{
        text-align: left;
        margin: 9vw 0 0 0;
        font-size: 9vw;
        width: 50vw;
    }

    article:nth-child(4) p{
        font-size: 3.9vw;
        line-height: 6.5vw;
    }

    article:nth-child(4) img:nth-child(2){
        width: 40vw;
        top: 10vw;
        border-top-left-radius: 0.45vw;
        border-bottom-left-radius: 0.45vw;
    }

    article:nth-child(4) p:nth-child(3){
        width: 90vw;
        left: 5vw;
        top: 40vw;
    }

    article:nth-child(4) p:nth-child(4){
        width: 90vw;
        left: 5vw;
        top: 111.5vw;
    }

    article:nth-child(4) img:nth-child(5){
        width: 40vw;
        top: 166.5vw;
        border-top-right-radius: 0.45vw;
        border-bottom-right-radius: 0.45vw;
    }

    article:nth-child(4) p:nth-child(6){
        width: 90vw;
        left: 5vw;
        top: 201.5vw;
    }
}


/* === How we recruit === */
article:nth-child(5){
    background-color: #ECECEC;
    padding: 5vw 5vw 5vw 5vw;
}

article:nth-child(5) h2{
    font-size: 4.5vw;
    font-weight: 350;
    margin: 0 0 3vw 0;
    text-align: center;
}

article:nth-child(5) ul{
    list-style: none;
    margin: 0 10vw 0 10vw;
    padding: 0 0 0 0;
}

article:nth-child(5) ul li{
    display: block;
    height: 5vw;
    font-size: 1.5vw;
    line-height: 2.5vw;
    margin: 2vw 0 2vw 0;
    padding: 0 0 0 5vw;
    background-repeat: no-repeat;
	background-size: 2.5vw;
    background-position: left center;
}

article:nth-child(5) ul li:nth-child(1){
    background-image: url(../images/clipboard-light-blue-icon.png);
}

article:nth-child(5) ul li:nth-child(2){
    background-image: url(../images/speech-bubble-light-blue-icon.png);
}

article:nth-child(5) ul li:nth-child(3){
    background-image: url(../images/star-light-blue-icon.png);
}

article:nth-child(5) ul li:nth-child(4){
    background-image: url(../images/upward-graph-light-blue-icon.png);
}

article:nth-child(5) ul li:nth-child(5){
    background-image: url(../images/certificate-light-blue-icon.png);
}

@media only screen and (max-device-width: 480px){
    article:nth-child(5){
        padding: 7vw 2vw 7vw 2vw;
    }

    article:nth-child(5) h2{
        margin: 0 0 5vw 0;
        font-size: 9vw;
    }

    article:nth-child(5) ul{
        margin: 0 5vw 0 5vw;
    }

    article:nth-child(5) ul li{
        height: 20vw;
        font-size: 3.5vw;
        line-height: 6.5vw;
        margin: 4vw 0 4vw 0;
        padding: 0 0 0 14vw;
    	background-size: 8vw;
    }
}


/* === Working with you === */
article:nth-child(6){
    background-color: #374255;
    padding: 5vw 5vw 5vw 5vw;
}

article:nth-child(6) h2{
    font-size: 4.5vw;
    font-weight: 350;
    margin: 0 0 3vw 0;
    text-align: center;
}

article:nth-child(6) p{
    width: 60vw;
    margin: 3vw 15vw 3vw 15vw;
    font-size: 1.5vw;
    line-height: 2.5vw;
}

article:nth-child(6) ol{
    width: 70.6vw;
    margin: 0 9.7vw 5vw 9.7vw;
    padding: 0 0 0 0;
}

article:nth-child(6) ol li{
    display: block;
    text-align: center;
}

article:nth-child(6) ol li:nth-child(2n+1){
    border: 0.1vw #ECECEC solid;
    border-radius: 0.3vw;
    font-size: 1.5vw;
    line-height: 2.5vw;
    width: 60vw;
    padding: 1vw 5vw 1vw 5vw;
}

article:nth-child(6) ol li:nth-child(2n){
    height: 5vw;
    width: 70.6vw;
    background-image: url(../images/down-arrow-light-blue-icon.png);
    background-repeat: no-repeat;
	background-size: 2.5vw;
    background-position: center center;
}

article:nth-child(6) a{
    position: relative;
    left: 36.4vw;
}

@media only screen and (max-device-width: 480px){
    article:nth-child(6){
        padding: 10vw 5vw 10vw 5vw;
    }

    article:nth-child(6) h2{
        margin: 0 0 5vw 0;
        font-size: 9vw;
    }

    article:nth-child(6) p{
        width: 90vw;
        margin: 5vw 0 5vw 0;
        font-size: 3.9vw;
        line-height: 6.5vw;
    }

    article:nth-child(6) ol{
        width: 90vw;
        margin: 0 0 10vw 0;
    }

    article:nth-child(6) ol li:nth-child(2n+1){
        border: 0.415vw #ECECEC solid;
        border-radius: 1.25vw;
        font-size: 3.5vw;
        line-height: 6.5vw;
        width: 80vw;
        padding: 2vw 5vw 2vw 5vw;
    }

    article:nth-child(6) ol li:nth-child(2n){
        height: 10vw;
        width: 90vw;
    	background-size: 5vw;
    }

    article:nth-child(6) a{
        left: 9.585vw;
    }
}

/* === Our Roots === */
article:nth-child(7){
    background-color: #0F1425;
    color: #ECECEC;
    padding: 5vw 15vw 5vw 15vw;
    position: relative;
}

article:nth-child(7) h2{
    font-size: 4.5vw;
    font-weight: 350;
    margin: 0 0 3vw 0;
    text-align: center;
}

article:nth-child(7) p{
    font-size: 1.5vw;
    line-height: 2.5vw;
    margin: 0 0 4vw 0;
}

article:nth-child(7) p:nth-child(2){
    width: 50vw;
}

article:nth-child(7) img:nth-child(3){
    width: 15vw;
    border-radius: 7.5vw;
    position: absolute;
    right: 15vw;
    top: 12vw;
}

@media only screen and (max-device-width: 480px){
    article:nth-child(7){
        padding: 10vw 5vw 10vw 5vw;
    }

    article:nth-child(7) h2{
        text-align: left;
        width: 50vw;
        margin: 9vw 0 12vw 8vw;
        font-size: 9vw;
    }

    article:nth-child(7) p{
        font-size: 3.9vw;
        line-height: 6.5vw;
        margin: 0 0 8vw 0;
    }

    article:nth-child(7) p:nth-child(2){
        width: 90vw;
    }

    article:nth-child(7) img:nth-child(3){
        width: 25vw;
        border-radius: 12.5vw;
        right: 5vw;
        top: 10vw;
    }
}

/* === How it Started === */
article:nth-child(8){
    font-size: 0;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

article:nth-child(8) div{
    display: inline-block;
    height: 88vw;
    margin: 0 0 0 0;
    position: relative;
    vertical-align: top;
    width: 50vw;
}

article:nth-child(8) div:nth-child(1){
    background-color: #85B09A;
}

article:nth-child(8) div:nth-child(2){
    background-color: #002147;
}

article:nth-child(8) div:nth-child(1) h2{
    color: #0F1425;
    font-size: 4.5vw;
    font-weight: 350;
    line-height: 7vw;
    margin: 2vw 0.75vw 0 0;
    padding: 0 0 0 0;
    text-align: right;
    width: 49.25vw;
}

article:nth-child(8) div p{
    font-size: 1.5vw;
    font-weight: 350;
    line-height: 2.5vw;
    margin: 0 5vw 0 5vw;
    position: relative;
    width: 40vw;
}

article:nth-child(8) div:nth-child(1) p{
    color: #0F1425;
}

article:nth-child(8) div:nth-child(1) p:nth-child(2){
    top: 2vw;
}

article:nth-child(8) div:nth-child(1) p:nth-child(3){
    top: 7vw;
}
article:nth-child(8) div:nth-child(1) img{
    border-top-right-radius: 0.3vw;
    border-bottom-right-radius: 0.3vw;
    left: 0;
    position: absolute;
    top: 61vw;
    width: 30vw;
}

article:nth-child(8) div:nth-child(2) h2{
    color: #ECECEC;
    font-size: 4.5vw;
    font-weight: 350;
    line-height: 7vw;
    margin: 2vw 0 0 0.75vw;
    padding: 0 0 0 0;
    width: 49.25vw;
}

article:nth-child(8) div:nth-child(2) p{
    color: #ECECEC;
}

article:nth-child(8) div:nth-child(2) p:nth-child(2){
    top: 2vw;
}

article:nth-child(8) div:nth-child(2) img{
    border-top-left-radius: 0.3vw;
    border-bottom-left-radius: 0.3vw;
    right: 0;
    position: absolute;
    top: 30vw;
    width: 30vw;
}

article:nth-child(8) div:nth-child(2) p:nth-child(4){
    top: 25vw;
}

@media only screen and (max-device-width: 480px){
    article:nth-child(8) div{
        display: block;
        margin: 0 0 0 0;
        position: relative;
        vertical-align: top;
        width: 100vw;
    }

    article:nth-child(8) div:nth-child(1){
        height: 151vw;
    }

    article:nth-child(8) div:nth-child(1) h2{
        font-size: 9vw;
        left: 50vw;
        line-height: 12vw;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        position: absolute;
        text-align: center;
        top: 123vw;
        width: 50vw;
    }

    article:nth-child(8) div p{
        font-size: 3.5vw;
        line-height: 6.5vw;
        margin: 0 5vw 0 5vw;
        position: relative;
        width: 90vw;
    }

    article:nth-child(8) div:nth-child(1) p:nth-child(2){
        top: 5vw;
    }

    article:nth-child(8) div:nth-child(1) p:nth-child(3){
        top: 10vw;
    }
    article:nth-child(8) div:nth-child(1) img{
        border-top-right-radius: 0.45vw;
        border-bottom-right-radius: 0.45vw;
        left: 0;
        position: absolute;
        top: 112vw;
        width: 50vw;
    }

    article:nth-child(8) div:nth-child(2){
        height: 190vw;
    }

    article:nth-child(8) div:nth-child(2) h2{
        font-size: 9vw;
        left: 0;
        line-height: 12vw;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        position: absolute;
        text-align: center;
        top: 15vw;
        width: 50vw;
    }

    article:nth-child(8) div:nth-child(2) p:nth-child(2){
        top: 45vw;
    }

    article:nth-child(8) div:nth-child(2) img{
        border-top-left-radius: 0.45vw;
        border-bottom-left-radius: 0.45vw;
        right: 0;
        position: absolute;
        top: 7vw;
        width: 50vw;
    }

    article:nth-child(8) div:nth-child(2) p:nth-child(4){
        top: 50vw;
    }
}