/*Section 1 - hero about*/
.about_hero {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 94vh;
  width: 100%;
}
.about_hero h1 {
  font-size: var(--fs-85);
  position: relative;
  z-index: 2;
  color: white;
  font-family: "CS Rachel";
  font-weight: 400;
}
.about_hero .logo-white {
  width: 100%;
  max-width: 35rem;
}
.intro-img {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 1;
  width: 35%;
  width: 100%;
  height: 100%;
}
.about_hero .full-row {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 768px) {
  .about_hero {
    height: 70vh;
  }
  .about_hero h1 {
    width: 90%;
  }
  .about_hero .logo-white {
    width: 70%;
    max-width: none;
  }
}
/*Section 2 - Intro*/
.home_intro {
  position: relative;
  overflow: hidden;
}
.home_intro p {
  font-size: var(--fs-8);
  position: relative;
  z-index: 2;
}
.home_intro span {
  font-style: italic !important;
}
@media (max-width: 768px) {
  .home_intro .padding-section {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
}
/*Section 3 - Detras*/
.about_detras img {
  display: block;
}
/*Section 4 - About*/
.grid-about {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 0.85fr;
  grid-template-rows: auto;
}
.grid-about .foto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.grid-about .foto {
  max-height: 75vh;
}
.grid-about .info {
  padding: 2rem 10%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.grid-about .info p {
  font-size: var(--fs-7);
  position: relative;
  z-index: 3;
}
.grid-about .info.uno {
  grid-area: 1 / 1 / 1 / 1;
}
.grid-about .foto.uno {
  grid-area: 1 / 2 / 1 / 2;
}
.grid-about .foto.dos {
  grid-area: 2 / 1 / 2 / 1;
}
.grid-about .info.dos {
  grid-area: 2 / 2 / 2 / 2;
}
.about-g1 {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  height: 90%;
}
.about-g2 {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  height: 100%;
}
@media (max-width: 500px) {
  .grid-about .info p {
    font-size: var(--fs-5);
  }
}
/*Section 5 - About Footer*/
.about-footer {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-footer .full-row {
  position: relative;
  z-index: 2;
}
.about-footer p,
.about-footer h2 {
  color: white;
}
.about-footer h2 {
  font-weight: 600 !important;
  font-family: "Bavaria Gates";
}
.about-footer p {
  font-size: var(--fs-7);
  font-weight: 600;
  font-style: italic !important;
}
.about-footer-img {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-footer .full-row img {
  width: 100%;
  max-width: 10rem;
  margin-top: 14%;
}
.about-footer .padding-section {
  padding: 14% 0% 5% 0% !important ;
}