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

/* Estilos para evitar que la navbar tape la imagen */
  .banner-section {
    margin-top: 56px; /* Ajusta según la altura de tu navbar */
  }
  
  /* Para dispositivos más grandes donde la navbar podría ser más alta */
  @media (min-width: 992px) {
    .banner-section {
      margin-top: 70px; /* Ajusta según sea necesario */
    }
  }
  
  /* Opcional: asegurar que la imagen sea responsive */
  .banner-section img {
    max-width: 100%;
    height: auto;
    display: block;
  }


h3, .h3 {
    font-size: 2.95rem;
	margin-left: 5%;
	margin-right: 50%;
	margin-top: 6.8rem;
	margin-bottom: 5%;
	color: #239CAB;
.public-sans-<uniquifier> 
  font-family: "Public Sans", sans-serif;
 
}

h4, .h4 {
  font-size: calc(1.175rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
	text-align: left;
	margin-left: 55%;
	margin-right: 4%; 
	  margin-top: -9.5%;

	  

  }
}

h1, .h1 {
    font-size: 3.45rem;
	text-align: center;
	margin-top: 7%;
	color: #239CAB;
.public-sans-<uniquifier> 
  font-family: "Public Sans", sans-serif;
 
}

h2, .h2 {
  font-size: calc(1.175rem + 0.3vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 1.7rem;
	text-align: center;
	margin-left: 20%;
	margin-right: 20%;
  }
}