@font-face {
  font-family: "Impact-Label";
  src: url("/static/impact-label.ttf");
}

@font-face {
  font-family: "Just Breathe";
  src: url("/static/just-breathe.otf");
}

@font-face {
  font-family: "Just Breathe";
  src: url("/static/just-breathe-bold.otf");
  font-weight: bold;
}

body, html {
  max-width: 100% !important;
  height: 100%;
}

* {
  font-family: "Just Breathe";
}

.primary {
  background-color: #1A1A1D;
}

.secondary {
  background-color: #2B2B33;
}

.accent {
  background-color: #CBD2C6;
}

.underlined {
  text-decoration: underline; 
  text-decoration-color: #CBD2C6; 
}

.bordered {
  border-color: #CBD2C6;
  border-style: solid;
  border-width: 8px
}

.bordered-dark {
  border-color: #2b2b33;
  border-style: solid;
  border-width: 8px
}

.white {
  color: white;
}

.nav-link {
  font-size: 2em;
}

.navbar {
  min-height: 80px;
}

.navbar-logo {
  height: 80px;
}

.social {
  height: 50px;
}

@media (min-width: 991px) {
  .navbar-brand {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}

.header {
  background: black;
}

.header-img {
  opacity: 0.2;
}

.footer-logo {
  height: 80px;
}

.footer-ooni {
  height: 80px;
}

.footer-social {
  height: 50px; 
  margin: 10px
}

@media (max-width: 767px) { 
  .footer-logo {
    height: 60px;
  }

  .footer-ooni {
    height: 60px;
  }

  .footer-social {
    height: 40px; 
    margin: 4px
  }
}