/* === Opening message and photo === */
article:nth-child(1){
    background-color: #F0F0F0;
    height: 40vw;
    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: 40vw;
    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)));
    position: absolute;
    right: 0;
    top: 0;
}

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

    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: 45vw;
        width: 100vw;
    }
}

/* === Prices Banners === */
article:nth-child(2){
    background-color: #0F1425;
    height: 95vw;
    position: relative;
}

article:nth-child(2) ul#pricing{
    font-size: 0;
    list-style: none;
    margin: 0 0 0 15vw;
    padding: 0 0 0 0;
}

article:nth-child(2) ul#pricing li{
    background-color: #F0F0F0;
    border-radius: 0.3vw;
    display: inline-block;
    height: 37vw;
    margin: 5vw 5vw 0 0;
    position: relative;
    vertical-align: top;
    width: 20vw;
}

article:nth-child(2) ul#pricing li h3{
    background-color: #039BE5;
    border-top-left-radius: 0.3vw;
    border-top-right-radius: 0.3vw;
    color: #F0F0F0;
    font-size: 1.5vw;
    font-weight: 350;
    height: 3vw;
    line-height: 3vw;
    margin: 0 0 2vw 0;
    padding: 0 0 0 0;
    text-align: center;
    vertical-align: middle;
}

article:nth-child(2) ul#pricing li div.rate-label{
    font-size: 1vw;
    font-weight: 350;
    text-align: center;
    width: 20vw;
}

article:nth-child(2) ul#pricing li div.hourly-rate{
    font-size: 3.5vw;
    font-weight: 350;
    text-align: center;
    width: 20vw;
}

article:nth-child(2) ul#pricing li div.hourly-rate span.pricing-pound-sign{
    font-size: 2vw;
    position: relative;
    top: -1vw;
}

article:nth-child(2) ul#pricing li div.per-hour-label{
    font-size: 1vw;
    font-weight: 350;
    text-align: center;
    width: 20vw;
}

article:nth-child(2) ul#pricing li div.pricing-separating-line{
    background-color: #0F1425;
    height: 0.08vw;
    margin: 2vw 1vw 2vw 1vw;
    width: 18vw;
}

article:nth-child(2) ul#pricing li div.included-qualifications{
    font-size: 1.2vw;
    margin: 0 1vw 0 1vw;
    text-align: center;
    width: 18vw;
}

article:nth-child(2) ul#pricing li a{
    left: 1.4vw;
    position: absolute;
    top: 33vw;
}

article:nth-child(2) p{
    color: #F0F0F0;
    font-size: 1.5vw;
    font-weight: 350;
    line-height: 2.5vw;
    margin: 3vw 0 0 0;
    text-align: center;
    width: 100vw;
}

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

    article:nth-child(2) ul#pricing{
        margin: 0 0 0 4vw;
        position: relative;
        top: 10vw;
    }

    article:nth-child(2) ul#pricing li{
        border-radius: 1.25vw;
        display: block;
        height: 57vw;
        margin: 0 0 7vw 0;
        width: 92vw;
    }

    article:nth-child(2) ul#pricing li h3{
        border-top-left-radius: 1.25vw;
        border-top-right-radius: 1.25vw;
        font-size: 3.9vw;
        height: 6.5vw;
        line-height: 6.5vw;
        margin: 0 0 0 0;
    }

    article:nth-child(2) ul#pricing li div.rate-label{
        font-size: 2.5vw;
        position: absolute;
        top: 10vw;
        width: 46vw;
    }

    article:nth-child(2) ul#pricing li div.rate-label:nth-child(6){
        left: 46vw;
    }

    article:nth-child(2) ul#pricing li div.hourly-rate{
        font-size: 9vw;
        position: absolute;
        top: 12vw;
        width: 46vw;
    }

    article:nth-child(2) ul#pricing li div.hourly-rate:nth-child(7){
        left: 46vw;
    }

    article:nth-child(2) ul#pricing li div.hourly-rate span.pricing-pound-sign{
        font-size: 5vw;
        left: -0.5vw;
        top: -2.5vw;
    }

    article:nth-child(2) ul#pricing li div.per-hour-label{
        font-size: 2.5vw;
        position: absolute;
        top: 22vw;
        width: 46vw;
    }

    article:nth-child(2) ul#pricing li div.per-hour-label:nth-child(8){
        left: 46vw;
    }

    article:nth-child(2) ul#pricing li div.pricing-separating-line{
        height: 0.25vw;
        left: 4vw;
        margin: 0 0 0 0;
        position: absolute;
        top: 29.5vw;
        width: 84vw;
    }

    article:nth-child(2) ul#pricing li div.included-qualifications{
        font-size: 3.5vw;
        left: 4vw;
        margin: 0 0 0 0;
        position: absolute;
        top: 34vw;
        width: 84vw;
    }

    article:nth-child(2) ul#pricing li a{
        left: 10.585vw;
        position: absolute;
        top: 44vw;
    }

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

/* === Standard and Premium Rate Section === */
article:nth-child(3){
    background-color: #ACBBC6;
    height: 77vw;
    position: relative;
}

article:nth-child(3) h2{
    color: #0F1425;
    font-size: 3vw;
    font-weight: 350;
    position: absolute;
    left: 50vw;
    top: 6vw;
}

article:nth-child(3) div.paragraph-separator:nth-child(2){
    background-color: #0F1425;
    left: 50vw;
    position: absolute;
    top: 19vw;
}

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

article:nth-child(3) p:nth-child(3){
    left: 50vw;
    top: 21vw;
    width: 40vw;
}

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

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

article:nth-child(3) p:nth-child(6){
    left: 10vw;
    top: 50vw;
    width: 30vw;
}

article:nth-child(3) img:nth-child(7){
    border-top-left-radius: 0.3vw;
    border-bottom-left-radius: 0.3vw;
    right: 0;
    position: absolute;
    top: 38vw;
    width: 50vw;
}

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

    article:nth-child(3) h2{
        font-size: 6.5vw;
        left: 5vw;
        top: 10vw;
    }

    article:nth-child(3) div.paragraph-separator:nth-child(2){
        left: 5vw;
        top: 32vw;
    }

    article:nth-child(3) p:nth-child(3){
        font-size: 3.9vw;
        left: 5vw;
        line-height: 6.5vw;
        top: 36vw;
        width: 90vw;
    }

    article:nth-child(3) img:nth-child(4){
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        left: 0;
        top: 70vw;
        width: 100vw;
    }

    article:nth-child(3) div.paragraph-separator:nth-child(5){
        left: 5vw;
        top: 160vw;
    }

    article:nth-child(3) p:nth-child(6){
        font-size: 3.9vw;
        left: 5vw;
        line-height: 6.5vw;
        top: 164vw;
        width: 90vw;
    }

    article:nth-child(3) img:nth-child(7){
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        left: 0;
        top: 198vw;
        width: 100vw;
    }
}

/* === Talk to Us === */
article:nth-child(4){
    background-color: #F0F0F0;
    height: 43vw;
    position: relative;
}

article:nth-child(4) h2{
    color: #0F1425;
    font-size: 3vw;
    font-weight: 350;
    position: absolute;
    left: 60vw;
    top: 5vw;
}

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

article:nth-child(4) p{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: absolute;
}

article:nth-child(4) p:nth-child(3){
    color: #0F1425;
    font-size: 2vw;
    font-weight: 700;
    left: 40vw;
    line-height: 3.3vw;
    top: 19vw;
    width: 10vw;
    z-index: 2;
}

article:nth-child(4) p:nth-child(4){
    color: #0F1425;
    font-size: 1.5vw;
    font-weight: 350;
    left: 60vw;
    line-height: 2.5vw;
    top: 20vw;
    width: 30vw;
}

article:nth-child(4) img{
    border-top-right-radius: 0.3vw;
    border-bottom-right-radius: 0.3vw;
    left: 0;
    position: absolute;
    top: 6vw;
    width: 50vw;
    z-index: 1;
}

article:nth-child(4) a{
    position: absolute;
    left: 66.5vw;
    top: 33vw;
}

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

    article:nth-child(4) h2{
        font-size: 6.5vw;
        left: 5vw;
        top: 10vw;
    }

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

    article:nth-child(4) p:nth-child(3){
        font-size: 4vw;
        left: 80vw;
        line-height: 6.6vw;
        top: 117.5vw;
        width: 20vw;
    }

    article:nth-child(4) p:nth-child(4){
        font-size: 3.9vw;
        left: 5vw;
        line-height: 6.5vw;
        top: 36vw;
        width: 90vw;
    }

    article:nth-child(4) img{
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        left: 0;
        top: 91.5vw;
        width: 100vw;
    }

    article:nth-child(4) a{
        left: 15vw;
        top: 71.5vw;
    }
}

/* === Multiple Students === */
article:nth-child(6){
    background-color: #0F1425;
    height: 57vw;
    position: relative;
}

article:nth-child(6) h2{
    color: #F0F0F0;
    font-size: 3vw;
    font-weight: 350;
    position: absolute;
    left: 10vw;
    top: 6vw;
}

article:nth-child(6) div.paragraph-separator{
    background-color: #F0F0F0;
    left: 10vw;
    position: absolute;
    top: 19vw;
}

article:nth-child(6) p:nth-child(3){
    color: #F0F0F0;
    font-size: 1.5vw;
    font-weight: 350;
    left: 10vw;
    line-height: 2.5vw;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: absolute;
    top: 21vw;
    width: 30vw;
}

article:nth-child(6) img{
    border-top-left-radius: 0.3vw;
    border-bottom-left-radius: 0.3vw;
    right: 0;
    position: absolute;
    top: 13vw;
    width: 50vw;
    z-index: 1;
}

article:nth-child(6) table#multiple-students-prices{
    border-collapse: collapse;
    color: #F0F0F0;
    font-size: 1.5vw;
    font-weight: 350;
    left: 10vw;
    line-height: 2.5vw;
    position: absolute;
    top: 33vw;
}

article:nth-child(6) table#multiple-students-prices tr th{
    border-bottom: 0.08vw #F0F0F0 solid;
}

article:nth-child(6) table#multiple-students-prices tr th, article:nth-child(6) table#multiple-students-prices tr td{
    text-align: center;
    width: 15vw;
}

article:nth-child(6) table#multiple-students-prices tr th:nth-child(1), article:nth-child(6) table#multiple-students-prices tr td:nth-child(1){
    border-right: 0.08vw #F0F0F0 solid;
}

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

    article:nth-child(6) h2{
        font-size: 6.5vw;
        left: 5vw;
        top: 10vw;
    }

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

    article:nth-child(6) p:nth-child(3){
        font-size: 3.9vw;
        left: 5vw;
        line-height: 6.5vw;
        top: 36vw;
        width: 90vw;
    }

    article:nth-child(6) img{
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        left: 0;
        top: 125vw;
        width: 100vw;
    }

    article:nth-child(6) table#multiple-students-prices{
        font-size: 3.9vw;
        line-height: 6.5vw;
        top: 68vw;
    }

    article:nth-child(6) table#multiple-students-prices tr th{
        border-bottom: 0.25vw #F0F0F0 solid;
    }

    article:nth-child(6) table#multiple-students-prices tr th, article:nth-child(6) table#multiple-students-prices tr td{
        width: 40vw;
    }

    article:nth-child(6) table#multiple-students-prices tr th:nth-child(1), article:nth-child(6) table#multiple-students-prices tr td:nth-child(1){
        border-right: 0.25vw #F0F0F0 solid;
    }
}