@charset "UTF-8";
/* CSS Document */

body {
  margin: 0px;
}

video {
  width: 50%;
  float: left;
  z-index: 0;
}

.video-title {
  display: none;
}

.bg {
  /* The image used */
  background-image: url(assets/racers_bg.jpg);

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.name {
  margin-top: 89vh;
  font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro",
    "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
  font-size: 2vw;
  background: transparent;
  position: fixed;
  cursor: auto;
  color: white;
  width: 90%;
  position: fixed;
  left: 50%;
  margin-left: -45%;
  text-align: center;
  z-index: 101;
}

.email {
  margin-top: 94vh;
  font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro",
    "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
  font-size: 1vw;
  background: transparent;
  position: fixed;
  cursor: default;
  cursor: auto;
  color: white;
  width: 20%;
  position: fixed;
  left: 50%;
  margin-left: -10%;
  text-align: center;
  z-index: 101;
}

.email a {
  text-decoration: none;
}

.title_container {
  align-self: center;
  margin: 0 auto;
  width: 1390px;
  z-index: 101;
}

.title {
  margin-top: 9vh;
  font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro",
    "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
  font-size: 6.3vw;
  background: transparent;
  position: fixed;
  cursor: default;
  color: white;
  width: 90%;
  position: fixed;
  left: 50%;
  margin-left: -45%;
  text-align: center;
  z-index: 101;
}

@media all and (min-width: 960px) {
  .video_you {
    margin-top: 28vh;
    position: fixed;
    z-index: 100;
    width: 50%;
    left: 50%;
    margin-left: -25%;
    text-align: center;
  }
}

@media all and (max-width: 959px) {
  .video_you {
    margin-top: 28vh;
    position: fixed;
    z-index: 100;
    width: 80%;
    left: 50%;
    margin-left: -40%;
    text-align: center;
  }
}

.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}

/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}

.intrinsic-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.description {
  font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro",
    "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
  font-size: 16px;
  color: white;
}

.webembed {
  background-color: white;
  margin-top: 28vh;
  position: fixed;
  z-index: 100;
  width: 60%;
  left: 50%;
  margin-left: -30%;
  text-align: center;
}

@import "http://webfonts.ru/import/notcourier.css";

input {
  display: none;
}

.responsive {
  max-width: 100%;
  height: auto;
}

/* Overlay 0 */
.lower label {
  font-family: "NotCourierSans";
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
}

.lower label:hover {
  cursor: pointer;
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(./assets/1-overlay_2.jpg);
  z-index: 100;
}

.overlay label {
  width: 58px;
  height: 58px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(./assets/cross.png);
  z-index: 100;
  cursor: pointer;
}

.overlay nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 60%;
  font-size: 54px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
}

.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative;
  z-index: 100;
}

.overlay ul li {
  display: block;
  height: 20%;
  height: calc(100% / 5);
  min-height: 54px;
  z-index: 100;
}

.overlay ul li a {
  font-weight: 300;
  display: block;
  color: white;
  text-decoration: none;
  -webkit-transition: color 0s;
  transition: color 0s;
  font-family: "NotCourierSans";
  text-transform: uppercase;
  z-index: 100;
}

.lower ~ .overlay-hugeinc {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s, visibility 0s 0s;
  transition: opacity 0s, visibility 0s 0s;
  z-index: 100;
}

#op:checked ~ .overlay-hugeinc {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
  z-index: 100;
}

#op:checked ~ .overlay-hugeinc nav ul {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 100;
}

#op:not(:checked) ~ .overlay-hugeinc nav ul {
  -webkit-transform: translateY(25%) rotateX(-35deg);
  transform: translateY(25%) rotateX(-35deg);
}

/* Overlay 1 */

.lower_1 label {
  font-family: "NotCourierSans";
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
}

.lower_1 label:hover {
  cursor: pointer;
}

.overlay_1 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(./assets/12-overlay.jpg);
  z-index: 100;
}

.overlay_1 label {
  width: 58px;
  height: 58px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(./assets/cross.png);
  z-index: 100;
  cursor: pointer;
}

.overlay_1 nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 60%;
  font-size: 54px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
}

.overlay_1 ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative;
  z-index: 100;
}

.overlay_1 ul li {
  display: block;
  height: 20%;
  height: calc(100% / 5);
  min-height: 54px;
  z-index: 100;
}

.overlay_1 ul li a {
  font-weight: 300;
  display: block;
  color: white;
  text-decoration: none;
  -webkit-transition: color 0s;
  transition: color 0s;
  font-family: "NotCourierSans";
  text-transform: uppercase;
  z-index: 100;
}

.lower_1 ~ .overlay_1-hugeinc {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s, visibility 0s 0s;
  transition: opacity 0s, visibility 0s 0s;
  z-index: 100;
}

#op_1:checked ~ .overlay_1-hugeinc {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
  z-index: 100;
}

#op_1:checked ~ .overlay_1-hugeinc nav ul {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 100;
}

#op_1:not(:checked) ~ .overlay_1-hugeinc nav ul {
  -webkit-transform: translateY(25%) rotateX(-35deg);
  transform: translateY(25%) rotateX(-35deg);
}

/* Overlay 2 */

.lower_2 label {
  font-family: "NotCourierSans";
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
}

.lower_2 label:hover {
  cursor: pointer;
}

.overlay_2 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(./assets/1-overlay_2.jpg);
  z-index: 100;
}

.overlay_2 label {
  width: 58px;
  height: 58px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(./assets/cross.png);
  z-index: 100;
  cursor: pointer;
}

.overlay_2 nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 60%;
  font-size: 54px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
}

.overlay_2 ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative;
  z-index: 100;
}

.overlay_2 ul li {
  display: block;
  height: 20%;
  height: calc(100% / 5);
  min-height: 54px;
  z-index: 100;
}

.overlay_2 ul li a {
  font-weight: 300;
  display: block;
  color: white;
  text-decoration: none;
  -webkit-transition: color 0s;
  transition: color 0s;
  font-family: "NotCourierSans";
  text-transform: uppercase;
  z-index: 100;
}

.lower_2 ~ .overlay_2-hugeinc {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s, visibility 0s 0s;
  transition: opacity 0s, visibility 0s 0s;
  z-index: 100;
}

#op_2:checked ~ .overlay_2-hugeinc {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
  z-index: 100;
}

#op_2:checked ~ .overlay_2-hugeinc nav ul {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 100;
}

#op_2:not(:checked) ~ .overlay_2-hugeinc nav ul {
  -webkit-transform: translateY(25%) rotateX(-35deg);
  transform: translateY(25%) rotateX(-35deg);
}

/* Overlay 3 */

.lower_3 label {
  font-family: "NotCourierSans";
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
}

.lower_3 label:hover {
  cursor: pointer;
}

.overlay_3 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(./assets/2-overlay.jpg);
  z-index: 100;
}

.overlay_3 label {
  width: 58px;
  height: 58px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(./assets/cross.png);
  z-index: 100;
  cursor: pointer;
}

.overlay_3 nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 60%;
  font-size: 54px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
}

.overlay_3 ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative;
  z-index: 100;
}

.overlay_3 ul li {
  display: block;
  height: 20%;
  height: calc(100% / 5);
  min-height: 54px;
  z-index: 100;
}

.overlay_3 ul li a {
  font-weight: 300;
  display: block;
  color: white;
  text-decoration: none;
  -webkit-transition: color 0s;
  transition: color 0s;
  font-family: "NotCourierSans";
  text-transform: uppercase;
  z-index: 100;
}

.lower_3 ~ .overlay_3-hugeinc {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s, visibility 0s 0s;
  transition: opacity 0s, visibility 0s 0s;
  z-index: 100;
}

#op_3:checked ~ .overlay_3-hugeinc {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
  z-index: 100;
}

#op_3:checked ~ .overlay_3-hugeinc nav ul {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 100;
}

#op_3:not(:checked) ~ .overlay_3-hugeinc nav ul {
  -webkit-transform: translateY(25%) rotateX(-35deg);
  transform: translateY(25%) rotateX(-35deg);
}

/* Overlay 4 */

.lower_4 label {
  font-family: "NotCourierSans";
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
}

.lower_4 label:hover {
  cursor: pointer;
}

.overlay_4 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(./assets/3-overlay.jpg);
  z-index: 100;
}

.overlay_4 label {
  width: 58px;
  height: 58px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(./assets/cross.png);
  z-index: 100;
  cursor: pointer;
}

.overlay_4 nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 60%;
  font-size: 54px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
}

.overlay_4 ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative;
  z-index: 100;
}

.overlay_4 ul li {
  display: block;
  height: 20%;
  height: calc(100% / 5);
  min-height: 54px;
  z-index: 100;
}

.overlay_4 ul li a {
  font-weight: 300;
  display: block;
  color: white;
  text-decoration: none;
  -webkit-transition: color 0s;
  transition: color 0s;
  font-family: "NotCourierSans";
  text-transform: uppercase;
  z-index: 100;
}

.lower_4 ~ .overlay_4-hugeinc {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s, visibility 0s 0s;
  transition: opacity 0s, visibility 0s 0s;
  z-index: 100;
}

#op_4:checked ~ .overlay_4-hugeinc {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
  z-index: 100;
}

#op_4:checked ~ .overlay_4-hugeinc nav ul {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 100;
}

#op_4:not(:checked) ~ .overlay_4-hugeinc nav ul {
  -webkit-transform: translateY(25%) rotateX(-35deg);
  transform: translateY(25%) rotateX(-35deg);
}

/* Overlay 5 */

.lower_5 label {
  font-family: "NotCourierSans";
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
}

.lower_5 label:hover {
  cursor: pointer;
}

.overlay_5 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(./assets/4-overlay.jpg);
  z-index: 100;
}

.overlay_5 label {
  width: 58px;
  height: 58px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(./assets/cross.png);
  z-index: 100;
  cursor: pointer;
}

.overlay_5 nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 60%;
  font-size: 54px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
}

.overlay_5 ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative;
  z-index: 100;
}

.overlay_5 ul li {
  display: block;
  height: 20%;
  height: calc(100% / 5);
  min-height: 54px;
  z-index: 100;
}

.overlay_5 ul li a {
  font-weight: 300;
  display: block;
  color: white;
  text-decoration: none;
  -webkit-transition: color 0s;
  transition: color 0s;
  font-family: "NotCourierSans";
  text-transform: uppercase;
  z-index: 100;
}

.lower_5 ~ .overlay_5-hugeinc {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s, visibility 0s 0s;
  transition: opacity 0s, visibility 0s 0s;
  z-index: 100;
}

#op_5:checked ~ .overlay_5-hugeinc {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
  z-index: 100;
}

#op_5:checked ~ .overlay_5-hugeinc nav ul {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 100;
}

#op_5:not(:checked) ~ .overlay_5-hugeinc nav ul {
  -webkit-transform: translateY(25%) rotateX(-35deg);
  transform: translateY(25%) rotateX(-35deg);
}

/* Overlay 6 */

.lower_6 label {
  font-family: "NotCourierSans";
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
}

.lower_6 label:hover {
  cursor: pointer;
}

.overlay_6 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(./assets/5-overlay.jpg);
  z-index: 100;
}

.overlay_6 label {
  width: 58px;
  height: 58px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(./assets/cross.png);
  z-index: 100;
  cursor: pointer;
}

.overlay_6 nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 60%;
  font-size: 54px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
}

.overlay_6 ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative;
  z-index: 100;
}

.overlay_6 ul li {
  display: block;
  height: 20%;
  height: calc(100% / 5);
  min-height: 54px;
  z-index: 100;
}

.overlay_6 ul li a {
  font-weight: 300;
  display: block;
  color: white;
  text-decoration: none;
  -webkit-transition: color 0s;
  transition: color 0s;
  font-family: "NotCourierSans";
  text-transform: uppercase;
  z-index: 100;
}

.lower_6 ~ .overlay_6-hugeinc {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s, visibility 0s 0s;
  transition: opacity 0s, visibility 0s 0s;
  z-index: 100;
}

#op_6:checked ~ .overlay_6-hugeinc {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
  z-index: 100;
}

#op_6:checked ~ .overlay_6-hugeinc nav ul {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 100;
}

#op_6:not(:checked) ~ .overlay_6-hugeinc nav ul {
  -webkit-transform: translateY(25%) rotateX(-35deg);
  transform: translateY(25%) rotateX(-35deg);
}

/* Overlay 7 */

.lower_7 label {
  font-family: "NotCourierSans";
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
}

.lower_7 label:hover {
  cursor: pointer;
}

.overlay_7 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(./assets/6-overlay.jpg);
  z-index: 100;
}

.overlay_7 label {
  width: 58px;
  height: 58px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(./assets/cross.png);
  z-index: 100;
  cursor: pointer;
}

.overlay_7 nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 60%;
  font-size: 54px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
}

.overlay_7 ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative;
  z-index: 100;
}

.overlay_7 ul li {
  display: block;
  height: 20%;
  height: calc(100% / 5);
  min-height: 54px;
  z-index: 100;
}

.overlay_7 ul li a {
  font-weight: 300;
  display: block;
  color: white;
  text-decoration: none;
  -webkit-transition: color 0s;
  transition: color 0s;
  font-family: "NotCourierSans";
  text-transform: uppercase;
  z-index: 100;
}

.lower_7 ~ .overlay_7-hugeinc {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s, visibility 0s 0s;
  transition: opacity 0s, visibility 0s 0s;
  z-index: 100;
}

#op_7:checked ~ .overlay_7-hugeinc {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
  z-index: 100;
}

#op_7:checked ~ .overlay_7-hugeinc nav ul {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 100;
}

#op_7:not(:checked) ~ .overlay_7-hugeinc nav ul {
  -webkit-transform: translateY(25%) rotateX(-35deg);
  transform: translateY(25%) rotateX(-35deg);
}

/* Overlay 8 */

.lower_8 label {
  font-family: "NotCourierSans";
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
}

.lower_8 label:hover {
  cursor: pointer;
}

.overlay_8 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(./assets/7-overlay.jpg);
  z-index: 100;
}

.overlay_8 label {
  width: 58px;
  height: 58px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(./assets/cross.png);
  z-index: 100;
  cursor: pointer;
}

.overlay_8 nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 60%;
  font-size: 54px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
}

.overlay_8 ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative;
  z-index: 100;
}

.overlay_8 ul li {
  display: block;
  height: 20%;
  height: calc(100% / 5);
  min-height: 54px;
  z-index: 100;
}

.overlay_8 ul li a {
  font-weight: 300;
  display: block;
  color: white;
  text-decoration: none;
  -webkit-transition: color 0s;
  transition: color 0s;
  font-family: "NotCourierSans";
  text-transform: uppercase;
  z-index: 100;
}

.lower_8 ~ .overlay_8-hugeinc {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s, visibility 0s 0s;
  transition: opacity 0s, visibility 0s 0s;
  z-index: 100;
}

#op_8:checked ~ .overlay_8-hugeinc {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
  z-index: 100;
}

#op_8:checked ~ .overlay_8-hugeinc nav ul {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 100;
}

#op_8:not(:checked) ~ .overlay_8-hugeinc nav ul {
  -webkit-transform: translateY(25%) rotateX(-35deg);
  transform: translateY(25%) rotateX(-35deg);
}

/* Overlay 9 */

.lower_9 label {
  font-family: "NotCourierSans";
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
}

.lower_9 label:hover {
  cursor: pointer;
}

.overlay_9 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(./assets/8-overlay.jpg);
  z-index: 100;
}

.overlay_9 label {
  width: 58px;
  height: 58px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(./assets/cross.png);
  z-index: 100;
  cursor: pointer;
}

.overlay_9 nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 60%;
  font-size: 54px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
}

.overlay_9 ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative;
  z-index: 100;
}

.overlay_9 ul li {
  display: block;
  height: 20%;
  height: calc(100% / 5);
  min-height: 54px;
  z-index: 100;
}

.overlay_9 ul li a {
  font-weight: 300;
  display: block;
  color: white;
  text-decoration: none;
  -webkit-transition: color 0s;
  transition: color 0s;
  font-family: "NotCourierSans";
  text-transform: uppercase;
  z-index: 100;
}

.lower_9 ~ .overlay_9-hugeinc {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s, visibility 0s 0s;
  transition: opacity 0s, visibility 0s 0s;
  z-index: 100;
}

#op_9:checked ~ .overlay_9-hugeinc {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
  z-index: 100;
}

#op_9:checked ~ .overlay_9-hugeinc nav ul {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 100;
}

#op_9:not(:checked) ~ .overlay_9-hugeinc nav ul {
  -webkit-transform: translateY(25%) rotateX(-35deg);
  transform: translateY(25%) rotateX(-35deg);
}

/* Overlay 10 */
.lower_10 label {
  font-family: "NotCourierSans";
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
}

.lower_10 label:hover {
  cursor: pointer;
}

.overlay_10 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(./assets/9-overlay.jpg);
  z-index: 100;
}

.overlay_10 label {
  width: 58px;
  height: 58px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(./assets/cross.png);
  z-index: 100;
  cursor: pointer;
}

.overlay_10 nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 60%;
  font-size: 54px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
}

.overlay_10 ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative;
  z-index: 100;
}

.overlay_10 ul li {
  display: block;
  height: 20%;
  height: calc(100% / 5);
  min-height: 54px;
  z-index: 100;
}

.overlay_10 ul li a {
  font-weight: 300;
  display: block;
  color: white;
  text-decoration: none;
  -webkit-transition: color 0s;
  transition: color 0s;
  font-family: "NotCourierSans";
  text-transform: uppercase;
  z-index: 100;
}

.lower_10 ~ .overlay_10-hugeinc {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s, visibility 0s 0s;
  transition: opacity 0s, visibility 0s 0s;
  z-index: 100;
}

#op_10:checked ~ .overlay_10-hugeinc {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
  z-index: 100;
}

#op_10:checked ~ .overlay_10-hugeinc nav ul {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 100;
}

#op_10:not(:checked) ~ .overlay_10-hugeinc nav ul {
  -webkit-transform: translateY(25%) rotateX(-35deg);
  transform: translateY(25%) rotateX(-35deg);
}

/* Overlay 11 */
.lower_11 label {
  font-family: "NotCourierSans";
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
}

.lower_11 label:hover {
  cursor: pointer;
}

.overlay_11 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(./assets/10-overlay.jpg);
  z-index: 100;
}

.overlay_11 label {
  width: 58px;
  height: 58px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(./assets/cross.png);
  z-index: 100;
  cursor: pointer;
}

.overlay_11 nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 60%;
  font-size: 54px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
}

.overlay_11 ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative;
  z-index: 100;
}

.overlay_11 ul li {
  display: block;
  height: 20%;
  height: calc(100% / 5);
  min-height: 54px;
  z-index: 100;
}

.overlay_11 ul li a {
  font-weight: 300;
  display: block;
  color: white;
  text-decoration: none;
  -webkit-transition: color 0s;
  transition: color 0s;
  font-family: "NotCourierSans";
  text-transform: uppercase;
  z-index: 100;
}

.lower_11 ~ .overlay_11-hugeinc {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s, visibility 0s 0s;
  transition: opacity 0s, visibility 0s 0s;
  z-index: 100;
}

#op_11:checked ~ .overlay_11-hugeinc {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
  z-index: 100;
}

#op_11:checked ~ .overlay_11-hugeinc nav ul {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 100;
}

#op_11:not(:checked) ~ .overlay_11-hugeinc nav ul {
  -webkit-transform: translateY(25%) rotateX(-35deg);
  transform: translateY(25%) rotateX(-35deg);
}

/* Overlay 12 */
.lower_12 label {
  font-family: "NotCourierSans";
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
}

.lower_12 label:hover {
  cursor: pointer;
}

.overlay_12 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(./assets/11-overlay.jpg);
  z-index: 100;
}

.overlay_12 label {
  width: 58px;
  height: 58px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(./assets/cross.png);
  z-index: 100;
  cursor: pointer;
}

.overlay_12 nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 60%;
  font-size: 54px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
}

.overlay_12 ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative;
  z-index: 100;
}

.overlay_12 ul li {
  display: block;
  height: 20%;
  height: calc(100% / 5);
  min-height: 54px;
  z-index: 100;
}

.overlay_12 ul li a {
  font-weight: 300;
  display: block;
  color: white;
  text-decoration: none;
  -webkit-transition: color 0s;
  transition: color 0s;
  font-family: "NotCourierSans";
  text-transform: uppercase;
  z-index: 100;
}

.lower_12 ~ .overlay_12-hugeinc {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s, visibility 0s 0s;
  transition: opacity 0s, visibility 0s 0s;
  z-index: 100;
}

#op_12:checked ~ .overlay_12-hugeinc {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
  z-index: 100;
}

#op_12:checked ~ .overlay_12-hugeinc nav ul {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 100;
}

#op_12:not(:checked) ~ .overlay_12-hugeinc nav ul {
  -webkit-transform: translateY(25%) rotateX(-35deg);
  transform: translateY(25%) rotateX(-35deg);
}

/* Overlay 13 */
.lower_13 label {
  font-family: "NotCourierSans";
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
}

.lower_13 label:hover {
  cursor: pointer;
}

.overlay_13 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(./assets/13-overlay.jpg);
  z-index: 100;
}

.overlay_13 label {
  width: 58px;
  height: 58px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(./assets/cross.png);
  z-index: 100;
  cursor: pointer;
}

.overlay_13 nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 60%;
  font-size: 54px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
}

.overlay_13 ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative;
  z-index: 100;
}

.overlay_13 ul li {
  display: block;
  height: 20%;
  height: calc(100% / 5);
  min-height: 54px;
  z-index: 100;
}

.overlay_13 ul li a {
  font-weight: 300;
  display: block;
  color: white;
  text-decoration: none;
  -webkit-transition: color 0s;
  transition: color 0s;
  font-family: "NotCourierSans";
  text-transform: uppercase;
  z-index: 100;
}

.lower_13 ~ .overlay_13-hugeinc {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s, visibility 0s 0s;
  transition: opacity 0s, visibility 0s 0s;
  z-index: 100;
}

#op_13:checked ~ .overlay_13-hugeinc {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
  z-index: 100;
}

#op_13:checked ~ .overlay_13-hugeinc nav ul {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 100;
}

#op_13:not(:checked) ~ .overlay_13-hugeinc nav ul {
  -webkit-transform: translateY(25%) rotateX(-35deg);
  transform: translateY(25%) rotateX(-35deg);
}

/* Overlay 14 */
.lower_14 label {
  font-family: "NotCourierSans";
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
}

.lower_14 label:hover {
  cursor: pointer;
}

.overlay_14 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(./assets/14-overlay.jpg);
  z-index: 100;
}

.overlay_14 label {
  width: 58px;
  height: 58px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(./assets/cross.png);
  z-index: 100;
  cursor: pointer;
}

.overlay_14 nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 60%;
  font-size: 54px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
}

.overlay_14 ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative;
  z-index: 100;
}

.overlay_14 ul li {
  display: block;
  height: 20%;
  height: calc(100% / 5);
  min-height: 54px;
  z-index: 100;
}

.overlay_14 ul li a {
  font-weight: 300;
  display: block;
  color: white;
  text-decoration: none;
  -webkit-transition: color 0s;
  transition: color 0s;
  font-family: "NotCourierSans";
  text-transform: uppercase;
  z-index: 100;
}

.lower_14 ~ .overlay_14-hugeinc {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s, visibility 0s 0s;
  transition: opacity 0s, visibility 0s 0s;
  z-index: 100;
}

#op_14:checked ~ .overlay_14-hugeinc {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
  z-index: 100;
}

#op_14:checked ~ .overlay_14-hugeinc nav ul {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 100;
}

#op_14:not(:checked) ~ .overlay_14-hugeinc nav ul {
  -webkit-transform: translateY(25%) rotateX(-35deg);
  transform: translateY(25%) rotateX(-35deg);
}

/* Overlay 15 */
.lower_15 label {
  font-family: "NotCourierSans";
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
}

.lower_15 label:hover {
  cursor: pointer;
}

.overlay_15 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(./assets/15-overlay.jpg);
  z-index: 100;
}

.overlay_15 label {
  width: 58px;
  height: 58px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(./assets/cross.png);
  z-index: 100;
  cursor: pointer;
}

.overlay_15 nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 60%;
  font-size: 54px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
}

.overlay_15 ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative;
  z-index: 100;
}

.overlay_15 ul li {
  display: block;
  height: 20%;
  height: calc(100% / 5);
  min-height: 54px;
  z-index: 100;
}

.overlay_15 ul li a {
  font-weight: 300;
  display: block;
  color: white;
  text-decoration: none;
  -webkit-transition: color 0s;
  transition: color 0s;
  font-family: "NotCourierSans";
  text-transform: uppercase;
  z-index: 100;
}

.lower_15 ~ .overlay_15-hugeinc {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s, visibility 0s 0s;
  transition: opacity 0s, visibility 0s 0s;
  z-index: 100;
}

#op_15:checked ~ .overlay_15-hugeinc {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
  z-index: 100;
}

#op_15:checked ~ .overlay_15-hugeinc nav ul {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 100;
}

#op_15:not(:checked) ~ .overlay_15-hugeinc nav ul {
  -webkit-transform: translateY(25%) rotateX(-35deg);
  transform: translateY(25%) rotateX(-35deg);
}

/* Overlay 16 */
.lower_16 label {
  font-family: "NotCourierSans";
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
}

.lower_16 label:hover {
  cursor: pointer;
}

.overlay_16 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(./assets/16-overlay.jpg);
  z-index: 100;
}

.overlay_16 label {
  width: 58px;
  height: 58px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(./assets/cross.png);
  z-index: 100;
  cursor: pointer;
}

.overlay_16 nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 60%;
  font-size: 54px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
}

.overlay_16 ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative;
  z-index: 100;
}

.overlay_16 ul li {
  display: block;
  height: 20%;
  height: calc(100% / 5);
  min-height: 54px;
  z-index: 100;
}

.overlay_16 ul li a {
  font-weight: 300;
  display: block;
  color: white;
  text-decoration: none;
  -webkit-transition: color 0s;
  transition: color 0s;
  font-family: "NotCourierSans";
  text-transform: uppercase;
  z-index: 100;
}

.lower_16 ~ .overlay_16-hugeinc {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s, visibility 0s 0s;
  transition: opacity 0s, visibility 0s 0s;
  z-index: 100;
}

#op_16:checked ~ .overlay_16-hugeinc {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
  z-index: 100;
}

#op_16:checked ~ .overlay_16-hugeinc nav ul {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 100;
}

#op_16:not(:checked) ~ .overlay_16-hugeinc nav ul {
  -webkit-transform: translateY(25%) rotateX(-35deg);
  transform: translateY(25%) rotateX(-35deg);
}

/* Overlay 17 */
.lower_17 label {
  font-family: "NotCourierSans";
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
}

.lower_17 label:hover {
  cursor: pointer;
}

.overlay_17 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(./assets/18-overlay.jpg);
  z-index: 100;
}

.overlay_17 label {
  width: 58px;
  height: 58px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(./assets/cross.png);
  z-index: 100;
  cursor: pointer;
}

.overlay_17 nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 60%;
  font-size: 54px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
}

.overlay_17 ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative;
  z-index: 100;
}

.overlay_17 ul li {
  display: block;
  height: 20%;
  height: calc(100% / 5);
  min-height: 54px;
  z-index: 100;
}

.overlay_17 ul li a {
  font-weight: 300;
  display: block;
  color: white;
  text-decoration: none;
  -webkit-transition: color 0s;
  transition: color 0s;
  font-family: "NotCourierSans";
  text-transform: uppercase;
  z-index: 100;
}

.lower_17 ~ .overlay_17-hugeinc {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s, visibility 0s 0s;
  transition: opacity 0s, visibility 0s 0s;
  z-index: 100;
}

#op_17:checked ~ .overlay_17-hugeinc {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
  z-index: 100;
}

#op_17:checked ~ .overlay_17-hugeinc nav ul {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 100;
}

#op_17:not(:checked) ~ .overlay_17-hugeinc nav ul {
  -webkit-transform: translateY(25%) rotateX(-35deg);
  transform: translateY(25%) rotateX(-35deg);
}

/* Overlay 18 */
.lower_18 label {
  font-family: "NotCourierSans";
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
}

.lower_18 label:hover {
  cursor: pointer;
}

.overlay_18 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(./assets/17-overlay.jpg);
  z-index: 100;
}

.overlay_18 label {
  width: 58px;
  height: 58px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(./assets/cross.png);
  z-index: 100;
  cursor: pointer;
}

.overlay_18 nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 60%;
  font-size: 54px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
}

.overlay_18 ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative;
  z-index: 100;
}

.overlay_18 ul li {
  display: block;
  height: 20%;
  height: calc(100% / 5);
  min-height: 54px;
  z-index: 100;
}

.overlay_18 ul li a {
  font-weight: 300;
  display: block;
  color: white;
  text-decoration: none;
  -webkit-transition: color 0s;
  transition: color 0s;
  font-family: "NotCourierSans";
  text-transform: uppercase;
  z-index: 100;
}

.lower_18 ~ .overlay_18-hugeinc {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0s, visibility 0s 0s;
  transition: opacity 0s, visibility 0s 0s;
  z-index: 100;
}

#op_18:checked ~ .overlay_18-hugeinc {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
  z-index: 100;
}

#op_18:checked ~ .overlay_18-hugeinc nav ul {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 100;
}

#op_18:not(:checked) ~ .overlay_18-hugeinc nav ul {
  -webkit-transform: translateY(25%) rotateX(-35deg);
  transform: translateY(25%) rotateX(-35deg);
}

#mobile-info {
  display: none;
}


/* Reset styles for button and anchor tags with desktop-info-button class */
button.desktop-info-button,
a.desktop-info-button {
  /* Reset box model */
  margin: 0;
  padding: 0;
  border: none;
  outline: none;

  /* Reset typography */
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  text-decoration: none;
  text-align: inherit;

  /* Reset background and appearance */
  background: none;
  background-color: transparent;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  /* Reset cursor and interactions */
  cursor: inherit;

  /* Reset display and positioning */
  display: inline;
  position: static;

  /* Reset sizing */
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  max-width: none;
  max-height: none;

  /* Reset borders and shadows */
  border-radius: 0;
  box-shadow: none;

  /* Reset transforms and transitions */
  transform: none;
  transition: none;

  /* theme */
  text-transform: uppercase;
}

button.desktop-info-button:hover,
a.desktop-info-button:hover {
  cursor: pointer;
  text-decoration: underline;
}

/* Bio modal */

/* Modal Styles */
.bio-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  color: white;
  z-index: 9999;
  overflow-y: auto;
  padding: 80px 40px 40px 40px;
  box-sizing: border-box;
}

.bio-modal.active {
  display: block;
}

.bio-content {
  max-width: 800px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.6;
}

.bio-content p {
  margin-bottom: 20px;
  font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro",
    "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
  font-size: 24px;
}

/* Close Button */
.close-btn {
  width: 58px;
  height: 58px;
  position: fixed;
  right: 20px;
  top: 20px;
  background: url(./assets/cross.png);
  z-index: 100;
  cursor: pointer;
  border: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}