#mainNav {
  font-family: "Cabin","Helvetica Neue",Helvetica,Arial,sans-serif;
  margin-bottom: 0;
  text-transform: uppercase;
  border-bottom: 1px solid hsla(0,0%,100%,.3);
  background-color: rgba(118,118,118,0.73);
}

@media (min-width: 992px) {
  #mainNav {
    padding-top: 20px;
    padding-bottom: 20px;
    transition: background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;
    letter-spacing: 1px;
    border-bottom: none;
    background: rgba(0,0,0,0);
  }
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Cabin","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 500;
  margin: 0 0 35px;
  letter-spacing: 1px;
  text-transform: none;
}

h2, .h2 {
  font-size: calc(2.0rem + 0.9vw);
}

a:focus, a:hover {
  text-decoration: none;
  color: #d10f0e;
}

a {
  transition: all .2s ease-in-out;
  color: #ffffff;
  text-decoration: none;
}

.fw-normal {
  font-weight: 300 !important;
}

.btn-outline-primary {
  --bs-btn-color: #d10f0e;
  --bs-btn-border-color: #42DCA3;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #d10f0e;
  --bs-btn-hover-border-color: #42DCA3;
  --bs-btn-focus-shadow-rgb: 66, 220, 163;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #42DCA3;
  --bs-btn-active-border-color: #42DCA3;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #42DCA3;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #42DCA3;
  --bs-gradient: none;
}

.btn {
  font-family: "Cabin","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 400;
  transition: all .3s ease-in-out;
  text-transform: none;
  border-radius: 0;
}