/********** Template CSS **********/

@media only screen and (max-width: 576px) {
    body {
        font-size: 14px;
    }
}


@media only screen and (max-width: 768px) {
  .hero-header .card-content-header {
      font-size: calc(1.375rem + 2.1vw);
  }
}

@media only screen and (max-width: 992px) {
   
}

@media only screen and (max-width: 1200px) {
   
}

@media only screen and (max-width: 1400px) {
    
}

@media only screen and (min-width: 576px) {
  
    
}

@media only screen and (min-width: 768px) {
  
}

@media only screen and (min-width: 992px) {
   .hero-header .card-content-header {
  padding-top: 20rem;
}
}

@media only screen and (min-width: 1200px) {
   
}

@media only screen and (min-width: 1400px) {
    
}