#bannerCarousel img {
    min-height: 100%;
}
#bannerCarousel h1 {
    font-size: 3rem;
    line-height: 4.2rem;
    text-transform: uppercase;
    color: #fff;
    z-index: 99;
}
@media only screen and (max-width:600px) {
    header.menuOn .menu {
        top: 64px;
    }
    .searchHeader {
        margin-top: 0;
    }
}
@media only screen and (max-width:1400px) {
    #bannerCarousel h1 {
        font-size: 2.5rem;
        line-height: 3rem;
    }
}
@media only screen and (max-width:1200px) {
    #bannerCarousel.slim {
        height: 500px;
    }
    
}
@media only screen and (min-width:768px) and (max-width:1500px) {
    #bannerCarousel .container-fluid {
        top: calc(50% + 40px);
    }
}
@media only screen and (max-width:1024px) {
    #bannerCarousel h1 {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    #bannerCarousel.slim {
        height: 400px;
    }
}
@media only screen and (max-width:768px) {
    #bannerCarousel .container-fluid { 
        margin-top: 50px;
    } 
}
@media only screen and (max-width:530px) {
    .searchHeader .col-12 {
        display: block;
    }
    .searchHeader p {
        max-width: 100%;
        text-align:center;
    }
    .viewButtons {
        text-align: center;
    }
}