@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800&display=swap");

@font-face {
  font-family: "Montserrat";
  src: url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap");
  font-weight: 300;
  font-style: normal;
}

* {
  font-family: "Montserrat", sans-serif;
}

html {
  box-sizing: border-box;
}


*,
*:before,
*:after {
  box-sizing: inherit;
  margin-top: 0; /* This allows us to ensure that items side-by-side line up nicely. */
}

.main-container {
  min-height: 58vh;
  padding-block: 5%;
  overflow-x: hidden;
}

.main-container p {
  font-size: 18px;
  line-height: 2;
}

.main-container > #block-academics-content {
  padding-inline: 5%;
}

.footer-container {
  padding-left: 10%;
  padding-right: 10%;
}

.secondary-content {
  padding-inline: 5% !important;
  display: grid;
  grid-template-columns: 2fr 1fr;
  align-items: start;
  justify-content: start;
  gap: 48px;
  position: relative;
}

.region-hero {
  position: relative;
}

@media (max-width: 82.6666667em) {
  .main-container p {
    font-size: 14px;
  }
}
@media (max-width: 85.333333em) {
  .secondary-content {
    grid-template-columns: 1fr;
    padding-bottom: 5%;
  }
}

@media (max-width: 85.333333em) {
  .secondary-content {
    padding-inline: 1%;
  }
}

@media (max-width: 576px) {
  #social-media-icons {
    text-align: left;
  }
}

@media (max-width: 479px) {
  /* .main-container,
  .secondary-content,
  .footer-container {
    padding-left: 2.5%;
    padding-right: 2.5%;
    max-width: 479px;
  } */

  .main-container,
  .secondary-content {
    font-size: 14px;
  }

  .main-container p a {
    font-size: 14px;
  }
}