@charset "utf-8";
/* CSS Document */

.hero {
  text-align: center;
  color: #ffffff;
  width: 100%;
  padding: 0;
}

.herohdr {
  /* font-family: 'Sofia'; */
  font-size: 2.3vw;
  width: 100%;
  padding: 0.2rem 0
}

.heroimg {
  vertical-align: middle;
  width: 100%;
}


@media all and (max-width: 980px) {
  
  .herohdr {
    /* font-size: 24px; */
    padding: 2px 0px;
  }
  
}

/*   
@media screen and (max-width: 480px) {
 
  .herohdr {
    font-size: 18px;
     padding: 2px 0px;
  }

} */
  
/* @media all and (max-width: 320px) {

    
  .herohdr {
    font-size: 16px;
     padding: 2px 0px;
  }

} */
  
/*   
@media (max-width: 280px) {

  .herohdr {
    font-size: 12px;
     padding: 2px 0px;
  }
  
} */