/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

@media (max-width: 767px) { 
    #home {
        height: auto;
    }
    .first-row{
        padding-top: 40px;
    }
    .container-fluid{
        margin: 0 5%;
    }
    #contact .container-fluid{
        padding: 0;
    }
    .send-btn{
        margin: 5% auto;
        float: inherit !important;
    }
    .fahes-logo{
        margin: 0 auto;
    }
    .simple-modal__content {
        height: 75vh !important;
    }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #home {
        height: auto;
    }
    .first-row{
        padding-top: 20px;
    }
    .container-fluid{
        margin: 0 6%;
    }
    .simple-modal__content {
        height: 60vh !important;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    #home {
        height: 100vh;
    }
    .first-row{
        padding-top: 0px;
    }
    .container-fluid{
        margin: 0 8%;
    }

    .simple-modal__content {
        height: 65vh !important;
    }
 }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    #home {
        height: 100vh;
    }
    .container-fluid{
        margin: 0 8%;
    }
 }