@media screen and (max-width: 700px){

    .doubleContainer{
        width: 500px;
        height: 400px;
    }

    .loginContainer{
        width: 50%;
        padding-top: 50px;
        height: 400px;
    }

    .secondImageContainer{
        width: 50%;
        background-size: 310px;
        height: 400px;
    }

    .containerTitle{
        font-size: 18px;
    }

    .inputLabels{
        font-size: 12px;
    }

    .credError{
        font-size: 12px;
    }

    .fgtPsw{
        margin-top: 8px;
        font-size: 12px;
    }

    .loginButton{
        font-size: 12px;
        margin-top: 8px;
    }

    .subInfoConfirmation{
        font-size: 15px;
        max-width: 80%;
    }

    .signupText{
        font-size: 12px;
    }

    .subInfoConfirmation2{
        font-size: 15px;
        max-width: 80%;
    }

    .resendButton{
        font-size: 15px;
        padding: 5px 15px;
    }

    .backButton{
        font-size: 12px;
    }

    .checkmarkContainer{
        width: 75px;
        height: 75px;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .checkmarkContainer img{
        width: 75px;
    }

}