/* ! ========== General Styles ========== */
html {
  font-size: .75rem;
}

@media screen and (min-width: 480px) {
  html {
    font-size: .85rem;
  }
}

@media screen and (min-width: 768px) {
  html {
    font-size: .95rem;
  }
}

@media screen and (min-width: 1024px) {
  html {
    font-size: 1rem;
  }
}

body {
  overflow-x: hidden;
}

body > * {
  font-family: "Lato", serif;
  font-weight: 400;
  font-style: normal;
}


/* ! ========== Header Section Styles ========== */
.header-container {
  background-color: #092551;
  opacity: calc(0.75);
  height: 25vh;
}

.header {
  margin: 0 10vw;
}


/* ! ========== Gallery Section Styles ========== */



/* ! ========== Footer Section Styles ========== */
#footer {
  height: 7.5vh;
  background-color: #092551;
}

.footer-item {
  color: white;
  margin: 1px 1rem 0 1rem;
}

.footer-link > svg {
  margin-bottom: 3px;
}