body {background-color: #F8F9FA;}
section {margin-bottom: 0px;}
.sectionLogo {border-bottom: 1px solid #D9D8D8;}
.sectionTitle {min-height:60px;}
.sectionTitle h1 {font-size:30px; padding: 6px 0; letter-spacing: -1.75px;}

h1, h2, h3, h4, h5, h6, p, ol li, ul li {  font-family: "Merriweather", serif; }

#siteLanding {margin-top: 30px;}
#siteLanding h2 {margin-top: 0;}
#post p {line-height: 33px;}

.inputText { color: #333!important; }

.mainPost img {width: initial;  height: initial; }


#siteLanding div.bannerImg,
#post div.bannerImg{background-size: cover; height:100%;min-height:140px;background-position:center;  }

a:-webkit-any-link:focus-visible {
    outline:none;
}

#siteLanding div.backCatalogue div.bannerImg {
    background-size: cover; height:initial;
    min-height: 140px;
    background-position: center;
}


@media (min-width: 576px) {
    .textBlock {min-height:150px;}
    .sideNav {padding-left: 0;}
}



@media (min-width: 768px) {
 .textBlock {min-height:0px;}
 .sideNav {padding-left: 1.5rem;}

}

@media screen and (max-width: 768px) {

    #siteLanding div.banner {min-width:initial;}  
}

@media (min-width: 992px) {
    #siteLanding div.banner {height: 100%; }

    .textBlock {min-height:145px;}

    .col-md-6.col-12 div.row{
        min-height: 267px;
    }
}





@media (max-width: 749px) {
  .hideInMobile {display: none!important;}
  .showInMobile {display: initial!important;}  
  
}

@media (min-width: 750px) {
  .showInMobile {display: none!important;}
}