/* FORM PAGE LAYOUT */
.main_container{
    display: grid;
    height: 95vh;
    position: relative; 
}

/* FORM CONTAINER */
.form_container{
    display: grid; 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);  
}

/* LOGIN FORM */
#login_form_container{
     grid-template-columns:250px
}

/* SIGN UP FORM */
#sign_up_form_container{  
    grid-template-columns:auto auto;
}

  .logo-section, .lastGridItem{
        grid-column-start: 1;
        grid-column-end: 3; 
        text-align: center;
        justify-self: center;     
}

@media screen and (max-width: 600px) {
    .logo-section, .lastGridItem{
        grid-column-start: 1;
        grid-column-end: 2; 
    }
    .logo-section {
        margin-bottom: 10px;
    }
    .lastGridItem {
        margin-top: 10px;
    }
    
    #sign_up_form_container {
        grid-template-columns: 1fr;
    }
    
}