html {
position:relative;
}

body {
margin:0;
padding:0;
font-family:"HelveticaNowDisplay","HelveticaNow","Helvetica",sans-serif!important;
min-height:400px;
width:100%;
}

h1, ul {
margin:0;
padding:0;
}

ul, li, a, address {
list-style:none;
font-style:normal;
text-decoration:none;
}

a {
color:#7f66e5;
font-weight:bold;
}

.xy-center {
position:absolute;
margin:0;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

.x-center {
position:absolute;
margin:0;
left:50%;
transform:translateX(-50%);
}

.y-center {
position:absolute;
margin:0;
top:50%;
transform:translateY(-50%);
}

#logo {
position:absolute;
top:40px;
left:40px;
width:80px;
height:auto;
fill:#7f66e5;
z-index:999;
}

#logo:hover {
fill:#7f66e5;
}

.welcome-text {
position:absolute;
left:-9999em;
top:-9999em;
}

#description {
padding:0 25px;
}

#social {
display:block;
position:relative;
}

#social li {
display:inline-block;
width:40px;
height:auto;
margin-right:20px;
vertical-align: middle;
}
#social li:last-child {
margin-right:0px;
}
#social li svg {
fill:white;
}

#footer {
position:relative;
background:#7f66e5;
padding:40px;
display:flex;
color:white;
/*
max-width:65%;
box-sizing: border-box;
*/
}

address {
font-weight:bold;
font-size:14px;
}

.info-wrap {
display:flex;
-webkit-flex-grow:1;
-ms-flex-positive:1;
flex-grow:1;
}

#masthead {
position:relative;
display:block;
height:100vh;
}

.col-row {
display:flex;
height:100%;
position:relative;
}
.col-row > div:first-of-type {
position:relative;
-webkit-flex:0 0 60%;
-ms-flex:0 0 60%;
flex:0 0 60%;
max-width:60%;
height:100%;
}
.col-row > div:last-of-type {
position:relative;
-webkit-flex:0 0 40%;
-ms-flex:0 0 40%;
flex:0 0 40%;
max-width:40%;
height:100%;
}
.description-wrap {
white-space:nowrap;
background:orange;
color:white;
}
h1, h2, h3, h4, a, li {
white-space:nowrap;
}

.description-wrap h1 {
font-size:55px;
}
.description-wrap p {
font-size:18px;
font-weight: bold;
}

#description {
min-width:80%;
padding-top:50px;
}

#description,
#sign-up {
width:calc(100% - 120px);
}

input#sign-up-waitlist-email {
line-height:35px;
background:none;
border:none;
border-bottom:3px solid black;
outline:none;
color:black;
font-size:18px;
width:100%;
margin-top:25px;
margin-bottom:20px;
}

input::placeholder {
font-size:25px;
}

input#sign-up-waitlist {
padding:0;
margin:0 2px 0 0;
width:16px;
height:16px;
appearance:none;
border:2px solid black;
border-radius:3px;
margin-bottom:3px;
vertical-align:bottom;
position: relative;
}
input[type=checkbox]:checked {
border-color:#7f66e5!important;
}
input[type=checkbox]:checked:after {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family:"HelveticaNowDisplay","HelveticaNow","Helvetica",sans-serif!important;
content: " ";
background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330.15 192.17'%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill:%237f66e5;%7D%3C/style%3E%3C/defs%3E%3Cpath class='b' d='M90.45,192.17L0,101.72,38.18,63.54l60.43,60.43L302.06,0l28.1,46.11L90.45,192.17Z'/%3E%3C/svg%3E") center no-repeat;
padding:0;
margin:0 2px 0 0;
width:10px;
height:10px;
font-weight:bold;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

#sign-up {
}

label {
font-size:14px;
line-height:22px;
}

.btn {
line-height:40px;
border:3px solid black;
border-radius:18px;
margin-bottom:18px;
width:100%;
font-size:18px;
font-weight:bold;
margin-top:14px;
background:none;
}
.btn:hover {
color:white;
border-color:#7f66e5;
background:#7f66e5;
cursor:pointer;
}

#masthead-logo {
display:none;
width:160px;
height:auto;
margin-left:-80px;
z-index:999;
fill:#7f66e5;
}

#sign-up {
margin-top:60px;
}

.sign-up-wrap .text-wrap {
width:100%;
text-align:center;
position:absolute;
bottom:30px;
font-weight: bold;
}

#footer-logo {
width:160px;
height:auto;
z-index:999;
fill:white;
align-items:flex-start;
justify-content:flex-end;
}


h1 span {
display:block;
}

@media all and (max-width: 1145px) {
#description {
padding-top:40px;
}
.description-wrap h1 {
font-size:45px;
}   
.col-row > div:first-of-type {
position:relative;
-webkit-flex:0 0 55%;
-ms-flex:0 0 55%;
flex:0 0 55%;
max-width:55%;
height:100%;
}
.col-row > div:last-of-type {
position:relative;
-webkit-flex:0 0 45%;
-ms-flex:0 0 45%;
flex:0 0 45%;
max-width:45%;
height:100%;
}

}


@media all and (max-width: 1090px) {
#description {
padding-top:20px;
}
.description-wrap h1 {
font-size:42px;
}  
.description-wrap span {
font-size:35px;
} 
}

@media all and (max-width: 991px) {
.col-row {
display:block!important;
}
.col-row > div {
flex:none!important;
display:block!important;
width:100%!important;
max-width:100%!important;
}
.description-wrap,
.sign-up-wrap {

}
.description-wrap h1 {
font-size:100%;
font-size:7.5vw;
width:100%;
}  
.description-wrap span {
font-size:35px;
} 
}

@media all and (max-width: 550px) {
.countdown-wrap {
width:100%;
text-align: center;
position: absolute;
bottom:40px;
}
#countdown {
position: relative!important;
left: auto !important;
bottom:0!important;
margin:0!important;
width:calc(100% - 170px)!important;
margin: 0 auto;
padding: 0 25px;
}

#countdown li:not(:last-child) {
margin-right:7%;
}
  #countdown li span {
    font-size: 30px!important;
  }

}

@media all and (max-width: 485px) {
#countdown {
width:calc(100% - 120px)!important;
}
#countdown li:not(:last-child) {
margin-right:2vw;
}
#countdown li:not(span) {
font-size: 4vw!important;
}
#countdown li span {
font-size: 6vw!important;
}
}

@media all and (max-width: 315px) {
#countdown {

}
}

@media screen and (orientation:portrait) { 
.col-row > div:first-of-type {
height:calc(100vh - 150px)
}
}
@media screen and (orientation:landscape) {
}