/* CSS Document */

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
    #main-banner {
        height: 500px;
    }
    
}

@media (max-width: 767.98px) {
    
    #main-banner {
      height: 380px;
    }
    
    #main-banner .logo {
        max-width: 80%;
    }
    
    .info-bar {
        padding: 15px 15px;
        height: auto;
        display: block;
        text-align: center;
    }
    
    .info-bar h1,
    .info-bar a {
        font-size: 18px;
    }
    
    .info-bar h1 {
        padding-bottom: 7px;
    }
    
    .boxes {
        display: block;
    }
    
    .boxes .large-box {
      width: 100%;
      height: auto;
        padding: 30px 0;
    }
    
    .boxes .small-boxes {
        width: 100%;
    }
    
    .boxes .small-boxes .box {
      width: 50%;
      height: 50%;
    }
    
    .boxes .small-boxes .box img {
        max-width: 72%;
    }
    
    
    
}

@media (max-width: 575.98px) {
    
}