@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap");
main {
  overflow-x: hidden;
}

.tinos-font {
  font-family: "Tinos", serif;
}

.poppins-font {
  font-family: "Poppins", sans-serif;
}

@media (min-width: 320px) {
  #courses .image img, #oportunity .image img {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  #courses .image img, #oportunity .image img {
    max-width: 500px;
  }
}

#contact .social-media a {
  color: #0e304a;
}
#contact .social-media a:hover {
  color: #ae7c44;
}

.backScratch {
  background-image: url("../images/backScratch.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 320px) {
  .backScratch p {
    font-size: medium;
  }
}
@media (min-width: 768px) {
  .backScratch p {
    font-size: xx-large;
  }
}

.whatsapp {
  color: white;
  border-radius: 10px;
  background-color: #25d366;
}
.whatsapp a {
  text-decoration: none;
}

@media (min-width: 320px) {
  .stitle {
    font-size: 2rem;
  }
  .title {
    font-size: 3rem;
    margin-top: -20px;
  }
  .title2 {
    font-size: 2rem;
    margin-top: -20px;
  }
  .whatsapp {
    max-width: 90%;
  }
  .map {
    width: 90%;
  }
}
@media (min-width: 768px) {
  .stitle {
    font-size: 4rem;
  }
  .title {
    font-size: 5.8rem;
    margin-top: -25px;
    line-height: 0.9;
  }
  .title2 {
    font-size: 4.3rem;
    margin-top: -20px;
    line-height: 1;
  }
  .whatsapp {
    max-width: 30%;
  }
  .map {
    width: 50%;
  }
}
.f-primary {
  color: #0e304a !important;
}
.f-secondary {
  color: #ae7c44 !important;
}
.f-white {
  color: #FFFFFF !important;
}

.bg-primary {
  background-color: rgba(14, 48, 74, 0.9) !important;
  color: white !important;
}
.bg-secondary {
  background-color: rgba(174, 124, 68, 0.9) !important;
  color: white !important;
}
.bg-white {
  background-color: rgba(255, 255, 255, 0.9) !important;
  color: white !important;
}

.fw-1 {
  font-weight: 100 !important;
}

.fw-2 {
  font-weight: 200 !important;
}

.fw-3 {
  font-weight: 300 !important;
}

.fw-4 {
  font-weight: 400 !important;
}

.fw-5 {
  font-weight: 500 !important;
}

.fw-6 {
  font-weight: 600 !important;
}

.fw-7 {
  font-weight: 700 !important;
}

.fw-8 {
  font-weight: 800 !important;
}

.fw-9 {
  font-weight: 900 !important;
}

.fw-10 {
  font-weight: 1000 !important;
}

.mw-1 {
  max-width: 10% !important;
}

.mw-2 {
  max-width: 20% !important;
}

.mw-3 {
  max-width: 30% !important;
}

.mw-4 {
  max-width: 40% !important;
}

.mw-5 {
  max-width: 50% !important;
}

.mw-6 {
  max-width: 60% !important;
}

.mw-7 {
  max-width: 70% !important;
}

.mw-8 {
  max-width: 80% !important;
}

.mw-9 {
  max-width: 90% !important;
}

.mw-10 {
  max-width: 100% !important;
}

.mh-1 {
  max-height: 10vh !important;
}

.mh-2 {
  max-height: 20vh !important;
}

.mh-3 {
  max-height: 30vh !important;
}

.mh-4 {
  max-height: 40vh !important;
}

.mh-5 {
  max-height: 50vh !important;
}

.mh-6 {
  max-height: 60vh !important;
}

.mh-7 {
  max-height: 70vh !important;
}

.mh-8 {
  max-height: 80vh !important;
}

.mh-9 {
  max-height: 90vh !important;
}

.mh-10 {
  max-height: 100vh !important;
}

/*# sourceMappingURL=styles.css.map */