.homeImg { float:right;margin:0 0 12px 12px; }
@media (max-width:500px) {
.homeImg { float:none;margin:12px 0;width:100% !important; }
}

.hoverThumbs:hover {transition: .5s ease;opacity: 0.6;}

.hero img {
  width: 100%;
}
.hero{
  display:grid;
  background-color:#363E44;
background-blend-mode:multiply;
}
.heroBox{
  height:75vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  display:grid;
  place-content: center;
}

.heroBox h1{
  font-family: "Poppins", system-ui;
  font-size:clamp(28px, 3.5vw, 48px);
  color:#fff;
}
#heroBox1{
  visibility:hidden;
  text-align: center;
}
hr{
  visibility:hidden;
  text-align: center;
  width:0;
}
#heroBox1 h1{
  /* visibility:hidden; */
  font-weight:400;
  letter-spacing: .8rem;
  text-transform: uppercase;
  color:#fff;
  /* opacity:0; */
}
#heroBox1 h2{
  font-family: "Poppins", system-ui;
  font-size:clamp(22px, 2vw, 38px);
  visibility:hidden;
  font-weight:200;
  font-style: italic;
  /* letter-spacing: 1rem; */
  color:#FFFFFF;
  transform:translateY(100%);
}
.heroBox p{
  max-width:900px;
  color:#fff;
  font-size:clamp(22px, 1.5vw, 38px);
  font-weight:200;
  opacity:0;
}
#heroBox1{
  background-image: 
  linear-gradient(rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 100%),
  url('/imageserver/UserMedia/andresroofing/andres-hero.jpg');
  background-size:cover;
  background-position: center;
  grid-column: 1/2;
  grid-row: 1/2;
  /* display: none; */
}
.hero-box1-text{
  max-width: 1000px;
  margin:0 auto;

}
#heroBox1Img{
  max-width:400px;
  transform:translateY(200px) scale(.5) ;
}

#heroBox2{
  background-image: linear-gradient(rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 100%),
  url('/imageserver/UserMedia//andresroofing/andres-hero.jpg');
  visibility:hidden;
  background-position: center;
  grid-column: 1/2;
  grid-row: 1/2;
  text-align:center;
  /* display: none; */
}
#heroBox2 h1{
  color:#fff;
  text-transform: uppercase;
  font-weight:400;
  letter-spacing: .8rem;
}
#heroBox2Img{
  max-width:200px;
  text-align: center;
  margin:0 auto;
  opacity:0;
  transform:translateY(200px) scale(.5) ;
height:auto;
}


/* -- Certifications & Affiliations -- */

#cert_global {
    padding: 50px 0;
    text-align: center;
}
.cert-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 800px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
.cert-item {
    width: 32.3333333333%;
    margin: 5px .5%;
    padding: 10px;
}
.cert-item img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

@media (max-width: 650px) {
    .cert-item {
        width: 49%;
    }
}