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

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

article:nth-child(1) p:nth-child(5){
    top: 40vw;
    z-index: 2;
}

article:nth-child(1) img{
    height: 74.375vw;
    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: 159.375vw;
    }

    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(5){
        left: 0;
        text-align: center;
        top: 110vw;
        width: 100vw;
    }

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

/* === Sign In Form === */
fieldset#forgotten-password-form{
    left: 5vw;
    position: absolute;
    top: 35vw;
}

fieldset#forgotten-password-form form ul#forgotten-password-form-ul span:nth-child(1) li{
    margin: 0 2vw 2vw 0;
}

fieldset#forgotten-password-form form ul#forgotten-password-form-ul > span:nth-child(2){
    color: #0F1425;
    font-size: 1.5vw;
    font-weight: 350;
    height: 2.2vw;
    line-height: 2.2vw;
    vertical-align: middle;
}

fieldset#forgotten-password-form form ul#forgotten-password-form-ul span li.form-submit{
    position: relative;
    z-index: 2;
}

@media only screen and (max-device-width: 480px){
    fieldset#forgotten-password-form{
        left: 0;
        top: 65vw;
    }

    fieldset#forgotten-password-form form ul#forgotten-password-form-ul span:nth-child(1) li{
        height: 9.13vw;
        margin: 4vw 0 4vw 14.185vw;
    }

    fieldset#forgotten-password-form form ul#forgotten-password-form-ul > span:nth-child(2){
        font-size: 3.9vw;
        height: 9.13vw;
        line-height: 9.13vw;
        text-align: center;
        width: 100vw;
    }
}