html {
    box-sizing: border-box;
    cursor:crosshair;
}

  *,
  *:before,
  *:after {
    box-sizing: inherit;
}
 
body {
    margin: 0;
}

footer a {
    font-family: "Courier Prime", monospace;
    font-weight: 400;
    font-style: normal;
    color:#FFFFFF;
    text-decoration: none;
    opacity: 0.85;
}

footer span {
    font-family: "Courier Prime", monospace;
    font-weight: 400;
    font-style: normal;
    color:#FFFFFF;
    text-decoration: none;
    opacity: 0.85;
}

footer a:hover {
    text-decoration: line-through;
    cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAMAAAAxmgQeAAAACVBMVEX///8AAAD///9+749PAAAAAXRSTlMAQObYZgAAAD5JREFUGNN1j9EKADAIAnP//9GjFq6w7iU4DNRsB06cb44TJ+UzYUcniqnqoA6ag/62JhjKIU0rxx1lKveuXJ5UAQs/G/2vAAAAAElFTkSuQmCC),auto;
    color:#FFC0CB;
}

figure {
    margin: 0;
  }
  
.absolute-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    height: 100%;
    width: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
  }

.hero {
  background: url("/img/bg-sco-04.jpg") center no-repeat;
  background-size: cover;
  height: 100vh;
  position: relative;
  text-align: center;
}

.hero:after, .hero__wrap {
  left: 0;
  position: absolute;
}

.hero:after {
  /*background-color: rgba(72, 76, 127, 0.2);*/
  background-color: #283138;
  opacity: 0;
  content: "";
  height: 100%;
  top: 0;
  width: 100%;
}

.hero__wrap {
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  /* z-index: 1; */
}

.hero__wrap h1 {
  color: #00DEFF;
  font-size: 3em;
}

.hero__wrap a {
  color: #fff;
  font-size: 0.9em;
  text-decoration:none;
}

.hero__wrap a:hover {
    color: #1e1e1e;
    font-size: 0.9em;
    text-decoration:none;
}

img.logo {
    width: 40vh;
    height: auto;
    margin-bottom: 0.5vh;
    opacity: 0.85;
}

img.subtitle{
    width: auto;
    height: 2vh;
    opacity: 0.85;
}

footer {
    text-align: center;
    padding: 20px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 8vh;
    width: 100%;
  }