.homeImg { float:right;margin:0 0 12px 12px; }
@media (max-width:500px) {
.homeImg { float:none;margin:12px 0;width:100% !important; }
}
.contentbox {
padding: 8px; border-radius: 8px; border: 1px solid #000000;background:#fff;
}

.hero{
  height:clamp(400px, 30vw, 600px);
  background-image: 
  linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%),
  url('/imageserver/UserMedia/highland/highland-lakes.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.hero img{width:100%;}
.hero-content{
  height:clamp(400px, 30vw, 600px);
  width:100%;                                                                                                              padding-inline:3%;    
  display:grid;
  place-content: center;
  text-align: center;
}
#hero-content-wrapper{
  overflow:hidden;
  position: relative;
  visibility:hidden;
  width:1000px;
}
@media screen and (max-width:992px) {
  #hero-content-wrapper{
    display:block;
    width:100%;
  }
}
#company-logo{
  transform:translateX(-100%) scale(.5);
}
@media screen and (max-width:992px) {
  #hero-content-wrapper{
    display:block;
    width:100%;
  }
}
@media screen and (max-width:600px) {
  #title{
    font-size:22px;
  }
}
.flexcontainer {
-ms-box-orient: horizontal;
display: -ms-Flexbox;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
align-items: center;			
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;	
}

.flexcontainer img{
margin:10px;}

.boxbody {height:180px;}