* {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  transition: all 0.3s ;
  scroll-behavior: smooth;
}

section.header {
  background-image: url("./images/bg.webp");
  /* background-size: cover; */
}
.vision-bg {
  background-image: url("./images/vision.webp");
  background-size: cover;
  background-position: center;
}
.mission-bg {
  background-image: url("./images/mission.webp");
  background-size: cover;
  background-position: center;
}
h2, h2 > * {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 2rem;
}
button {
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  /* border: none; */
  color: black;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
}
#contact > #heading {
  background-image: url("/images/contact_bg.webp");
  background-repeat: no-repeat;
  background-size: cover;

}

/* width */
body::-webkit-scrollbar {
  width: 10px;
}

/* Track */
body::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
body::-webkit-scrollbar-thumb {
  background: #1e3a8a;
}

/* Handle on hover */
body::-webkit-scrollbar-thumb:hover {
  background: #2b50b4;
}

@media not all and (min-width: 768px) {
  h2, h2 > * {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 2rem;
  }

  * {
    font-size: 15px;
  }
}