@import url("general.css");

/* Banner */
.banner {
  position: relative;
  background-image: url(../img/home/banner-principal.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding: 250px 0px 250px 0px;
}
.banner h1 {
  text-align: center;
  color: var(--color-blanco);
}

/* Galeria */
.galeria {
  padding: 50px 0px;
}

.galeria .row .col-lg-3 {
  padding-top: 15px !important;
  padding-bottom: 15px;
}

.galeria img {
  max-width: 100%;
}

/* Servicios */
.servicios {
  position: relative;
  background-image: url(../img/home/fondo-eventos.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding: 100px 0px 100px 0px;
}
.servicios h1 {
  text-align: center;
  color: var(--color-blanco);
}
.servicios p {
  color: var(--color-blanco);
  text-align: center;
}
.servicios .row .col-lg-3 {
  margin: 20px 0px;
}
.servicios img {
  width: 100%;
  max-width: 150px;
}
.servicios h3 {
  color: var(--color-blanco);
}

/* Footer */
footer{
  padding: 15px 0px 5px 0px;
}

footer h4{
  color: var(--color-rosa);
  text-align: center;
}

@media (max-width: 991.98px) {
}

@media (max-width: 767.98px) {
}