/* Mobile Styles */
@media only screen and (max-width: 400px) {
    .container{
        width: 100%;
    }
    .login_logo_card{
        height: 20vh;
        background-image: url(../images/logo4.png);
        background-repeat: no-repeat;
        background-size: 60%;
        background-position: top;
    }
    .login_form_card{
        width: 90%;
    }
     .login_intro{
        color: black;
        font-size: 12px;
        
    }
}
/* Tablet Styles */
@media only screen and (min-width: 401px) and (max-width: 1279px) {
   .container{
        width: 100%;
    }
    .login_logo_card{
        height: 20vh;
        background-image: url(../images/logo4.png);
        background-repeat: no-repeat;
        background-size: 60%;
        background-position: top;
    }
    .login_form_card{
        width: 60%;
    } 
    .login_intro{
        color: black;
        font-size: 12px;
        
    }
}
/* Desktop Styles */
@media only screen and (min-width: 1280px) {
    .container{
    width: 60%;
    }
  .login_logo_card{
    position: absolute;
    height: 40vh;
    background-image: url(../images/logo4.png);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: top;
    }
    .login_form_card{
        width: 55%;
    position: relative;
    float: right;
    }
    .login_form_card_title{
        font-size: 29px;
        color: #646565;
    }
    .login_intro{
        color: black;
        font-size: 12px;
        
    }
}