#check-in{
    background: url("../img/classroom-img-4.jpg");
    font-family: "Open Sans", sans-serif;
}
.main-form-body{
    background-color:rgba(252,252,252, 1);
    width:40%;
    margin: 6% auto;
    padding:0;
    padding: 25px;
}
.school-logo{
    max-width:20%;
    margin:auto;
    margin-bottom: 30px;
}
.form-body{
    width: 65%;
    margin: auto;
}
form label{
    font-size: 16px;
    color: rgb(70,70,70);
}
.input-field{
    width:100%;
    margin-bottom: 10px;
}
form input[type = "text"], form input[type = "password"]{
    width: 95%;
    height: 35px;
    border-radius:3px;
    border: 0.5px solid rgba(13, 35, 228, 0.8);
    padding: 5px 10px;
    font-family: tahoma;
    color: rgb(30,30,30);
    margin-top: 2px;
}
form select {
    width: 95%;
    height: 35px;
    border-radius:3px;
    border: 0.5px solid rgba(12, 90, 24, 0.8);
    padding: 5px 10px;
    font-family: tahoma;
    color: rgb(70,70,70);
    margin-top: 2px;
}
 button{
    background-color: #065ba5;
    color:white;
    text-align: center;
    padding:10px 2px;
    border:none;
    width: 97%;
    cursor: pointer;
    margin: auto;
}
footer{
    background: rgba(24, 92, 24, 0.8);
    color: white;
    width: 60%;
    margin:auto;
    padding:7px;
    text-align:center;
}
@media (max-width: 575.98px) { 
    .main-form-body{
        background-color:rgba(252,252,252, 0.8);
        width:90%;
        margin: 6% auto;
        padding:0;
        padding: 15px;
    }
    .form-body{
        width: 90%;
        margin: auto;
    }
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
    .main-form-body{
        background-color:rgba(252,252,252, 0.8);
        width:90%;
        margin: 6% auto;
        padding:0;
        padding: 15px;
    }
    .form-body{
        width: 90%;
        margin: auto;
    }
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
    .main-form-body{
        background-color:rgba(252,252,252, 0.8);
        width:60%;
        margin: 6% auto;
        padding:0;
        padding: 25px;
    }
    .form-body{
        width: 90%;
        margin: auto;
    }
    footer{
        background: rgba(24, 92, 24, 0.8);
        color: white;
        width: 100%;
        padding:7px;
        text-align:center;
    }
    
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
    
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
    
}