@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,400;0,700;0,900;1,300&family=Oswald:wght@200;300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap");
:root {
  --primary-color: #fc4e4e;
  --secend-color: #007437;
}

#about_banner {
  background: linear-gradient(rgba(0, 0, 0, 0.5137254902), rgba(3, 1, 1, 0.5882352941)), url(./img/m_about.jpg);
  height: 300px;
  width: 100%;
  background-size: 100%;
  background-position: center;
}
#about_banner .row {
  height: 100%;
}
#about_banner .row .a_content {
  height: 100%;
}
#about_banner .row .a_content h1 {
  font-size: 60rem !important;
  font-weight: 900;
  text-transform: uppercase;
  color: white;
  font-family: "Oswald", sans-serif;
}

#about-page {
  background: url(./img/about_bg.jpg);
  background-attachment: fixed;
  padding: 50px 0;
}
#about-page .container .row .item {
  opacity: 1 !important;
}
#about-page .container .row .item img {
  width: 100%;
}
#about-page .container .row .item h3 {
  font-size: 40rem;
  padding: 5px 0;
  color: var(--secend-color);
}
#about-page .container .row .item p {
  padding: 10px 0;
}
#about-page .container .row .item:nth-child(2) img {
  width: 70px;
}
#about-page .container .row .item .mySwiper2 {
  width: 80%;
  height: 100%;
}
#about-page .container .row .item .mySwiper2 .swiper-wrapper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0px solid var(--primary-color);
  border-radius: 5px;
  padding: 0;
  filter: grayscale(0.7);
  background-color: #fc4e4e;
}
#about-page .container .row .item .mySwiper2 .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 450px !important;
  object-fit: cover;
  border-radius: 5px;
}
#about-page .container .row .item .mySwiper2 .swiper-wrapper .swiper-slide-active {
  opacity: 1 !important;
  padding: 20px 10px;
  filter: grayscale(0);
  box-shadow: 0px 30px 80px rgba(196, 195, 195, 0.2862745098);
}

@media (max-width: 576px) {
  .section_titel, #about-page .container h1 {
    font-size: 30rem !important;
  }
  #about-page {
    padding: 30px 10px;
  }
  #about-page .container .row .item {
    opacity: 1 !important;
  }
  #about-page .container .row .item:nth-child(2) {
    margin-top: 30px;
    text-align: center;
  }
  #about-page .container .row .item:nth-child(2) img {
    width: 100px;
  }
  #about-page .container .row .item .mySwiper2 {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  #about-page .container .row .item .mySwiper2 .swiper-wrapper .swiper-slide img {
    height: 350px !important;
  }
}/*# sourceMappingURL=about.css.map */