body{
  background-image: url("../img/bg-01.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@font-face {
font-family: "SctoGroteskABold";
src: url("../fonts/SctoGroteskABold.otf");
}
@font-face {
font-family: "SctoGroteskAMedium";
src: url("../fonts/SctoGroteskAMedium.otf");
}
@font-face {
font-family: "SctoGroteskABlack";
src: url("../fonts/SctoGroteskABlack.otf");
}

.cover-container {
  max-width: 42em;
}

.btn-primary{
  background-color: #0071CE;
}

.modal-backdrop {
    --bs-backdrop-bg: #9B9B9B;
}

/*
 * Header
 */

.nav-masthead .nav-link {
  color: rgba(255, 255, 255, .5);
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}