html {
  scroll-padding-top: 75px;
}
.navbar-brand {
  width: 230px;
}
.nav-item {
  padding: 0 0.5em 0 0.5em;
}
.main-container {
  margin-top: 66px;
}
.home-banner {
  background-image: url("../images/banner.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  color: #fff;
}
.home-banner hr {
  border-top: 1px solid #fff;
}
.mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.bg-tertiary {
  background-color: #110011 !important;
}
.alpha-9,
.alpha-container:hover .alpha-9--hover {
  opacity: 0.6;
}