main {
  margin: 2.6vh 3.4vw 0;
}

footer {
  position: relative;
}

h1 {
  font-weight: 300;
  font-size: 2.4vw;
  line-height: 4.8vw;
  text-shadow: 0 0.025vw 0.05vw rgba(0, 0, 0, 0.25);
  margin: 0 0 8.2vh;
}

h3 {
  font-size: 1.2vw;
  line-height: 1.7vw;
  letter-spacing: 0.08vw;
  text-transform: uppercase;
  text-shadow: 0 0.025vw 0.05vw rgba(0, 0, 0, 0.25);
  font-weight: bold;
  margin: 0 0 0.8vh;
  position: relative;
}

h3:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.26vh;
  left: -1.88vw;
  width: 1.46vw;
  height: 1.46vw;
  background: transparent url("../img/scroll.svg") no-repeat center;
  background-size: auto 99%;
}

h4 {
  font-size: 3.8vw;
  line-height: 3.8vw;
  letter-spacing: -0.03vw;
  font-weight: normal;
  font-family: "FS Joey Pro", sans-serif;
}

footer {
  display: flex;
  margin: auto 3.4vw 8.8vh;
}

.left {
  margin-right: 8vw;
}

.img {
  display: flex;
  align-items: center;
  margin-bottom: 2.4vh;
  height: 6vh;
}

.phone {
  display: block;
  margin-top: 3.6vh;
}

.logo {
  width: 9vw;
}

.alt-logo {
  width: 11vw;
}

p {
  font-size: 1.2vw;
  line-height: 1.96vw;
  color: rgba(255, 255, 255, 0.73);
  text-shadow: 0 0.025vw 0.05vw rgba(0, 0, 0, 0.25);
}

/** SELECT **/
.select {
  margin: 0;
  right: 0;
  height: 36vh;
  width: 60vw;
  overflow: hidden;
  position: relative;
}

.select-inner {
  display: flex;
  flex-direction: column;
  height: 40vh;
  width: 60vw;
  transition: transform 0.4s ease-in-out;
}

.select-inner:not(.visible) .option:not(.active) {
  opacity: 0;
}

.option {
  display: block;
  background: transparent;
  border: 0;
  font-style: normal;
  font-weight: normal;
  text-align: right;
  letter-spacing: -0.03vw;
  color: #fff;
  transition: opacity 0.4s, font-size 0.4s, transform 0.4s;
  position: absolute;
  left: 0;
  padding: 0;
  transform: translateY(-10vw);
  z-index: 2;
  --index: -1;
  opacity: 0.27;
  font-size: 1.8vw;
  font-family: "FS Joey Pro", sans-serif;
}

.option.active {
  font-size: 3.6vw;
  transform: translateY(0);
  opacity: 1;
}

.option.active~.option {
  transform: translateY(calc(var(--index) * 7.4vh + 10vh));
}

.option.active+.option {
  font-size: 3vw;
  opacity: 0.38;
  transform: translateY(14vh);
}

.option.active+.option+.option {
  transform: translateY(25vh);
}

.option.active+.option+.option~.option {
  transform: translateY(36vh);
}

.option.active+.option+.option+.option~.option {
  transform: translateY(40vh);
}