@font-face {
    font-family: 'Termina';
    src: url('../fonts/TerminaBlackRegular.woff2') format('woff2'),
        url('../fonts/TerminaBlackRegular.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM';
    src: url('../fonts/IBMPlexSerif-Italic.woff2') format('woff2'),
        url('../fonts/IBMPlexSerif-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

.mob-only{
  display: none;
}

html{
  overflow-x: hidden;
}

body {
    color:#fff;
    background: rgb(39,39,41);
    background: linear-gradient(0deg, rgba(39,39,41,1) 0%, rgba(62,62,63,1) 35%, rgba(62,62,63,1) 65%, rgba(39,39,41,1) 100%);
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    margin: 0px;
    overflow-x: hidden;
    --accent: #bacdab;
    --bfont: Termina;
    --sfont: 'Press Start 2P', cursive;
    --hfont: 'IBM';
}

img{
  max-width: 100%;
}

.container {
    padding:40px 20px 10px 20px;
    max-width:950px;
    margin:0 auto;
}

.logo img {
    max-width:80px;
    margin-bottom: 32px;
}

.title h1 {
    font-family:var(--bfont);
    font-size:40px;
    margin-top:0px;
    letter-spacing:1px;
    text-align:center;
}

.title h1 span {
    color:#757575;
}

.subtitle h2 {
    font-family: var(--sfont);
    color: var(--accent);
    font-size:21px;
    margin-top:20px;
    margin-bottom:10px;
    text-align: center;
}
  .page-section .heading{
    font-style:italic;
  }
.header-cta{
  text-align: center;
}

.header-cta span{
  color:#6f6f6f;
  font-family: var(--sfont);
  display: block;
  font-size: 12px;
  margin-bottom: 30px;
}

.button {
    background: var(--accent);
    border-radius:50px;
    width:200px;
    padding:20px 40px 15px;
    text-align:center;
    margin: auto;
    margin-bottom:40px;
    cursor:url(../images/custom_curssor.png), pointer;
}

.header-cta a {
   color:#161616;
   text-decoration:none;
   font-size:14px;
   font-family: var(--sfont);
}

.page-section{
  position: relative;
  z-index:1;
}

.page-section .subheading{
  font-family: var(--sfont);
  font-size: 17px;
  text-transform: uppercase;
}

.page-section .heading{
  font-family: var(--hfont);
  font-size: 49px;
  margin: 10px 0px 20px;
}

.page-section .content{
  font-size: 16px;
  font-weight: 300;
  line-height:1.8;
  max-width: 605px;
}

.page-section#section1 .image{
  margin-left: -3%;
}

.spacer{
  position: relative;
  z-index: 0;
}

#spacer1{
  margin-top: -10%;
  margin-bottom: -10%;
  display: block;
  text-align: right;
  width: 85%;
  transform: rotate(-4deg);
}

#countdown {
  text-decoration: none;
  font-size: 24px;
  font-family: var(--sfont);
  color:#becdaf;
  text-align:center;
  margin-bottom:40px;
}

.page-section#section2{
  display: flex;
  align-items: center;
}

.page-section#section2 .fsec{
  width: 70%;
}

.page-section#section2 .ssec{
  width: 55%;
  margin-left: -25%;
  text-align: right;
}

.page-section#section2 .content{
  max-width: 360px;
  margin-left: auto;
}

.page-section#section2 .image{
  margin-left: -10%;
}

#spacer2{
  margin-top: -5%;
  margin-bottom: -5%;
  display: block;
  text-align: right;
  width: 85%;
}

.page-section#section3{
  display: flex;
  align-items: center;
}

.page-section#section3 .fsec{
  width: 60%;
}

.page-section#section3 .ssec{
  width: 40%;
  text-align: right;
  padding-left: 20px;
  box-sizing: border-box;
}

.page-section#section3 .content{
  max-width: 480px;
}

.footer{
  background: var(--accent);
  margin-top: 100px;
}

.footer .container{
  display: flex;
  justify-content: space-between;
  padding-top: 50px;
  padding-bottom: 50px;
}

.footer .sec1{
  font-size: 10px;
  color:#181818;
  line-height: 1.6;
  text-align: justify;
  max-width: 670px;
}

.footer .button{
  margin-bottom: 0px;
  background: #181818;
  width: auto;
  padding: 17px 30px;
  cursor: pointer;
  min-width: 210px;
  margin-left: 20px;
  box-sizing: border-box;
}

.footer .button a{
  color:var(--accent);
  font-size: 10px;
  cursor: pointer;
}

@media (max-width:900px)
{
  .desk-only{
    display: none;
  }

  .mob-only{
    display: block;
  }

  .title h1 {
    font-size: 35px;
  }

  .subtitle h2 {
    font-size: 18px;
  }

  .page-section .subheading{
    font-size: 14px;
  }

  .page-section .heading{
    font-size: 38px;
  }

  .page-section .content{
    font-size: 15px;
  }

  .spacer{
    display: none !important;
  }

  #section2{
    margin: 20px 0px 90px;
  }

  .page-section#section3 .image{
    margin-right: -20px;
  }
}

@media (max-width:767px)
{
    #countdown {

  font-size: 20px;

}

  body{
    background: #2d2d2d;
  }

  .page-section#section1{
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .page-section#section1 .fsec{
    width: 60%;
    position: relative;
    z-index: 1;
  }

  .page-section#section1 .ssec{
    position: absolute;
    bottom: 0%;
    z-index: 0;
    margin: 0px -20px;
  }

  .page-section#section1 .ssec:before{
    content:'';
    position: absolute;
    width:calc(100% + 40px);
    height: 90%;
    top:0;
    bottom: 0;
    left:0;
    margin: auto -20px;
    background: linear-gradient(90deg, rgba(45,45,45,0.9) 0%, rgba(0,0,0,0) 100%);

  }

  .page-section#section1 .image{
    margin-left: -10%;
    margin-right: -15%;
  }

  .page-section#section2{
    margin-bottom: 120px;
  }

  .page-section#section2 .ssec{
    width: 60%;
    margin-left: -30%;
  }

  .page-section#section2 .content{
    max-width: unset;
  }
}

@media (max-width:640px)
{
  .subtitle h2{
    font-size: 15px;
  }

  .header-cta span{
    font-size: 11px;
  }

  .button{
    width: 150px;
    margin-bottom: 80px;
    cursor: pointer;
  }

  .button a{
    font-size: 12px;
    cursor: pointer;
  }

  .page-section .subheading{
    font-size: 12px;
  }

  .page-section .heading{
    font-size: 36px;
    line-height: 1.2
  }

  .page-section#section1{
    padding-top: 50px;
  }

  .page-section#section1 .ssec{
    bottom: 5%;
  }

  .page-section#section1 .image{
    margin-left: -20%;
    margin-right: -25%;
  }

  .page-section#section2 .image{
    margin-left: -20%;
  }

  .footer .container{
    padding-top: 30px;
    flex-direction: column-reverse;
    align-items: center;
  }

  .footer .button{
    margin-left: 0px;
    margin-bottom: 40px;
  }

  .footer .button a{
    color:var(--accent);
    font-size: 10px;
    cursor: pointer;
  }
}

@media (max-width:580px)
{
  .page-section#section1 .ssec{
    bottom: 0%;
  }

  .page-section#section1 .image{
    margin-left: -40%;
    margin-right: -35%;
  }
}

@media (max-width:480px)
{
  .page-section .subheading{
    font-size: 11px;
  }

  .page-section .heading{
    font-size: 32px;
    line-height: 1.1;
    margin: 10px 0px 10px;
  }

  .page-section .content{
    font-size: 13px;
    line-height: 1.7;
  }

  .page-section#section1 .fsec{
    width: 65%;
  }

  .page-section#section1 .image{
    margin-left: -38%;
    margin-right: -35%;
  }

  .page-section#section2 .ssec{
    width: 65%;
    margin-left: -35%;
  }

  .page-section#section2 .image{
    margin-left: -40%;
  }

  .page-section#section2 .image img{
    max-width: 105%;
  }

  .page-section#section3 .fsec{
    width: 65%;
  }

  .page-section#section3 .ssec{
    width:35%;
  }

  .page-section#section3 .image{
    margin-right: -60%;
  }
}

@media (max-width:425px)
{
  .page-section#section1 .ssec{
    bottom: 5%;
  }

  .button{
    margin-bottom: 60px;
  }
}


@media (max-width:400px)
{
  .title h1{
    line-height: 1;
    margin-bottom: 25px;
    font-size:40px;
  }

  .subtitle h2{
    font-size: 13px;
    margin-bottom: 17px;
  }

  .page-section .subheading{
    font-size: 9px;
  }

  .page-section .heading{
    font-size: 30px;
  }

  .page-section .content{
    font-size: 12px;
  }

  .page-section#section1 .image {
    margin-left: -50%;
    margin-right: -40%;
  }

  .page-section#section2 .image{
    margin-left: -60%;
  }

  .page-section#section2 .image img{
    max-width: 110%;
  }

  .page-section#section3 .image{
    margin-right: -120%;
  }
}

@media (max-width:375px)
{
  .title h1{
    font-size:35px;
  }
}

@media (max-width:320px)
{
  .page-section .subheading{
    font-size: 8px;
  }

  .page-section .heading{
    font-size: 26px;
  }

  .page-section .content{
    font-size: 11px;
  }
}




.button, .button a {cursor:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAA1CAYAAAADOrgJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RERGQjZCRTQzNkZEMTFFRDk4RDVFRTUwNDVCNkQxQTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RERGQjZCRTUzNkZEMTFFRDk4RDVFRTUwNDVCNkQxQTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEREZCNkJFMjM2RkQxMUVEOThENUVFNTA0NUI2RDFBMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEREZCNkJFMzM2RkQxMUVEOThENUVFNTA0NUI2RDFBMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg995+QAAAkNSURBVHja7FprbBxX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") 24 24,auto;}