.hero-section {
  background-color: #1a76be;
}

.sub-hero-text {
  font-family: 'Covered By Your Grace', cursive;
  font-size: 1.5rem;
  color: #18212e;
  text-align: center;
}

.hero-text-main-advantage {
  letter-spacing: -1px;
  color: white;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  font-size: 4rem;
  text-align: center;
}





@media (max-width: 375px){
  .hero-text-main-advantage {
    font-size: 2.8rem;
  }
}

@media (max-width: 320px){
  .hero-text-main-advantage{
    font-size: 2rem;
    text-align: center;
  }
}