@font-face {
  font-family: "AltiUPFonts";
  src: url("fonts/FugazOne-Regular.ttf");
}

html, body {
  height: 100%;
  background-color: #212121;
  text-align: center;
}

.altiup-white, h1, h2, .body-text {
  color: #FAFAFA;
}

a {
  color: inherit;
  text-decoration: underline;
}

h1 {
  font-family: 'AltiUPFonts', Arial, sans-serif;
  margin-top: 2%;
  margin-bottom: 10%;
  font-size: 6.5rem;
}

h2 {
  margin-bottom: 1%;
}

.logo {
  margin-top: 5%;
  vertical-align: middle;
  max-width: 20%;
  height: auto;
}

@media (min-width: 1199px) and (max-width: 1599px) {
  .logo {
    max-width: 25%;
  }
}

@media (min-width: 945px) and (max-width: 1198px) {
  .logo {
    max-width: 30%;
  }
}

@media (max-width: 944px) {
  .logo {
    max-width: 50%;
  }
  h1 {
    font-size: 3.5rem;
  }
}

.navbar {
  text-align: left;
}