.minihero-filter{
    
    background-color: black; 
    position: absolute; 
    top: 0px; 
    right: 0px; 
    width: 100%; 
    opacity: .2; 
    height: 250px; 
    z-index: 1;
    
}
.minihero-text{
    position: absolute; 
     
    color: white !important;
    width: 100%; 
    text-align: center;
    top: 20%;
    z-index: 2;
    
}



.minihero-image {
  /* The image used */
  background-image: url("https://www.houstoncardiologyspecialists.com/img/beach_small.jpg");
  
  /* Add the blur effect 
  filter: blur(1px);
  -webkit-filter: blur(1px);
  */
  /* Full height  */
  height: 250px;  
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
  position: relative;
  
  
}




.thumbnail_service{
    
    object-fit: cover;
    width: 100% !important;
    height: 200px !important;
    
}

.social_icon{
    color: lightgray;
}

.social_icon::hover{
    
    color: red;
}

/*-----------------below 1200------------------------------------*/
@media (max-width:2000px){
    
    .mainlogo{
        width: 170px !important;
    }



}

@media (max-width:1200px){
    
    .mainlogo{
        width: 125px !important;
    }



}


@media (max-width:768px){
    
    .mainlogo{
        width: 110px !important;
    }
    
    
}