/* 768 992 1200 */

.hb-col{
   
   background:#0C3048;
   color:#fff;
   
}

.homeblock1{
    display:inline-block;  
}

.homeblock1 .hb-col{
  
   padding:0; 
}

a :hover > .homeblock1 img {
   opacity:0.9;
 }
 
a :hover > .hb-col{
  
   background:#E2642B;
   
 }

.hb-col .txt{
   line-height:1em; 
    margin-left:auto;
    margin-right:auto;
}



.hb-col .title{
    background:#E2642B;
    color:white;
    font-size: 1.6em;
}


@media (min-width: 992px) {
   .hb-col{
   height:290px;
   }
   
   .hb-col .txt{
font-size: 1.8em;
    padding: 3em 0;
    width: 380px;
    max-height: 250px;
    overflow: hidden;
    text-align: center;
    line-height: 2;
    }
}

@media (max-width: 992px) {
   .hb-col{
   height:auto;
   }
   
   .hb-col .txt{
    padding:2em 0;
    font-size:1.2em;
    line-height:1.5em;
    text-align:center;
    width:100%;
    height: auto;
    overflow: hidden;
    }
}







 .homeBlockTitle { 
    /* height: 500px; */ 
    line-height: 70px;
}
.hh :hover {
    background: #E2642B;
    color: white;
}

 .homeBlockTitle > .htitle {
    
    vertical-align: middle;
    padding: 0;
    margin: 0;
    display: inline-block;
}

.topbanner{
       text-transform: uppercase;
    font-size: 2em;
    padding: 1em;
    line-height: 1.1em;
    text-align: center;
    border: 4px #E2642B solid;
        margin-bottom: 0.8em;
}