@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 {
  padding-left: 10%;
  padding-right: 10%;
  min-height: 58vh;
  padding-top: 3%;
}

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

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

.secondary-content {
  background-color: #f7f7f7;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 100px;
  padding-top: 50px;
}

@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;
  }
}