article{
    background-color: #0F1425;
}

h2{
    color: #F0F0F0;
    font-size: 4vw;
    font-weight: 350;
    margin: 0 0 0 0;
    padding: 4vw 0 4vw 0;
    text-align: center;
}

@media only screen and (max-device-width: 480px){
    h2{
        font-size: 9vw;
        padding: 9vw 5vw 9vw 5vw;
    }
}

/* === Spacing === */
#find-your-tutor-form ul{
    color: #F0F0F0;
    margin: 0 10vw 0 10vw;
}

#find-your-tutor-form span:nth-child(1), #find-your-tutor-form span:nth-child(3), #find-your-tutor-form span:nth-child(4){
    width: 77.198vw;
    text-align: left;
}

#find-your-tutor-form span.qualification-span, #find-your-tutor-form span#form-submit{
    width: 80vw;
    height: 2.2vw;
    text-align: center;
    padding: 0.5vw 0 2.5vw 0;
    transition: padding 0.8s, height 0.8s;
}

#find-your-tutor-form span.qualification-span.invisible{
    padding: 0 0 0 0;
    height: 0;
}

#find-your-tutor-form span:nth-child(1){
    padding: 0 1.401vw 2.5vw 1.401vw;
}

#find-your-tutor-form span:nth-child(3), #find-your-tutor-form span:nth-child(4){
    padding: 2.5vw 1.401vw 2.5vw 1.401vw;
}

#find-your-tutor-form span:nth-child(1) li, #find-your-tutor-form span:nth-child(3) li, #find-your-tutor-form span:nth-child(4) li{
    margin: 0 3vw 0 0;
}

#find-your-tutor-form span.qualification-span li{
    margin: 0 1.401vw 0 1.401vw;
}

#find-your-tutor-form span#add-subject li{
    margin: 0 0 0 1.401vw;
    font-size: 1.5vw;
    cursor: pointer;
    transition: color 1s;
}

@media only screen and (max-device-width: 480px){
    /* === Spacing === */
    #find-your-tutor-form ul{
        margin: 0 5vw 0 5vw;
        width: 90vw;
    }

    #find-your-tutor-form span:nth-child(1), #find-your-tutor-form span:nth-child(3), #find-your-tutor-form span:nth-child(4){
        width: 90vw;
        text-align: center;
    }

    #find-your-tutor-form span:nth-child(1){
        padding: 0 0 4vw 0;
    }

    #find-your-tutor-form span:nth-child(3), #find-your-tutor-form span:nth-child(4){
        padding: 4vw 0 4vw 0;
    }

    #find-your-tutor-form span:nth-child(1) li:nth-child(1){
        margin: 0 8.75vw 5vw 8.75vw;
    }

    #find-your-tutor-form span:nth-child(1) li:nth-child(2), #find-your-tutor-form span:nth-child(1) li:nth-child(3), #find-your-tutor-form span:nth-child(3) li{
        margin: 5vw 8.75vw 5vw 8.75vw;
    }

    #find-your-tutor-form span:nth-child(4) li:nth-child(1), #find-your-tutor-form span:nth-child(4) li:nth-child(2){
        margin: 5vw 25vw 5vw 25vw;
    }

    #find-your-tutor-form span:nth-child(4) li:nth-child(3){
        margin: 5vw 8.75vw 5vw 8.75vw;
    }

    #find-your-tutor-form span:nth-child(4) li.invisible:nth-child(3){
        margin: 0 8.75vw 0 8.75vw;
    }

    #find-your-tutor-form span.qualification-span{
        width: 90vw;
        height: 63.52vw;
        padding: 4vw 0 0 0;
    }

    #find-your-tutor-form span.qualification-span li{
        margin: 5vw 8.75vw 5vw 8.75vw;
    }

    #find-your-tutor-form span#add-subject{
        width: 90vw;
        margin: 0 0 0 0;
    }

    #find-your-tutor-form span#add-subject li{
        width: 90vw;
        margin: 0 0 0 0;
        font-size: 5vw;
        text-align: center;
    }

    #find-your-tutor-form span#form-submit{
        height: 9.13vw;
        margin: 5vw 8.75vw 5vw 8.75vw;
        padding: 0 0 0 0;
    }
}

/* === Lines separating form sections === */
#find-your-tutor-form span:nth-child(1), #find-your-tutor-form span:nth-child(3), #find-your-tutor-form span:nth-child(4){
    border-bottom: 0.1vw #ACBBC6 solid;
}

@media only screen and (max-device-width: 480px){
    /* === Lines separating form sections === */
    #find-your-tutor-form span:nth-child(1), #find-your-tutor-form span:nth-child(3), #find-your-tutor-form span:nth-child(4){
        border-bottom: 0.415vw #ACBBC6 solid;
    }
}

/* === Privacy Disclaimer === */
p.privacy-disclaimer{
    color: #F0F0F0;
    font-size: 1.2vw;
    font-style: italic;
    margin: 0 0 0 0;
    padding: 1.5vw 11.401vw 5vw 11.401vw;
}

@media only screen and (max-device-width: 480px){
    /* === Privacy Disclaimer === */
    p.privacy-disclaimer{
        font-size: 3.9vw;
        padding: 4vw 5vw 10vw 5vw;
    }
}