/* MAIN STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.bg {
  position: absolute;
  top: 1963px;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: all 0.3s ease-out;
  height: 490px;
}

.bg-show .bg {
  z-index: 1;
  opacity: 1;
}

.bg-show a:hover {
  z-index: 2;
  /* border-bottom-color: transparent; */
  /* color: var(--red); */
}

.bg-show .container a:hover::before {
  transform: translate(-50%, -50%) scaleX(1);
  transition: transform 0.2s 0.1s ease-out;
}


/* FOOTER
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-footer {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  font-size: 13px;
}

.page-footer span {
  color: var(--red);
}