html {
position:relative;
overflow-x: hidden;
width: 100vw;
}

body {
font-family: "ladislav", sans-serif;
font-weight: 300;
font-style: normal;
width: 100vw;
padding: 0;
margin:0;
background-color: #1d1f24;
font-size:16px;
line-height: 1.6;
color: #fff;
position: relative;
-ms-scroll-chaining: none;
    overscroll-behavior: none;
}

h1 {
font-weight: 300;
font-style: normal;
font-size: 45px;
margin: 0;
color: #fff;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 2px;
}

h2 {
font-weight: 300;
font-style: normal;
font-size: 36px;
margin: 0;
color: #fff;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 2px;
}


h3 {
font-weight: 300;
font-style: normal;
font-size: 30px;
margin: 0;
color: #fff;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 2px;
}

h1 strong,
h2 strong,
h3 strong { font-weight:600 }

p {
font-size:16px;
line-height: 1.6;
}

p.small { font-size: 14px !important; line-height:1.5 }

a,
a:visited,
a:hover { color: #1e73be; }

/* COLORS */

.black { color: #1d1f24 !important; }
.bg-black { background-color: #1d1f24 !important; }
.yellow { color: #f5cd21 !important; }
.bg-yellow { background-color: #f5cd21 !important; }

::-moz-selection {
background-color:#1d1f24;
color:#fff
}

::selection {
background-color:#1d1f24;
color:#fff
}

/* GENERAL */

.comingsoon {
min-height: 100vh;
height: auto;
}

.comingsoon .content {
display: block;
width: 90%;
max-width: 1000px;
text-align: center;
margin: 60px auto;
}

.logo {
display: block;
margin: 0 auto;
width: 85%;
max-width: 400px;
height: auto;
}

.countdown {
background-color: #292c2f;
padding: 40px 50px;
border-radius: 8px;
border: 2px solid rgba(255,255,255,.1);
}

.tick {
font-size: 1rem;
font-family: "ladislav", sans-serif;
font-weight: 300;
font-style: normal;
}

.tick-label {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
text-align: center;
font-weight: 300;
opacity: .4;
}

.tick-group {
margin: 0 0.25em;
text-align: center;
}

@media(max-width: 767.98px) {
    .comingsoon .content {
    display: block;
    width: 90%;
    max-width: 1000px;
    }
    .countdown {
    padding: 35px;
    }
}

@media(max-width: 575.98px) {
    .comingsoon .content {
    width: calc(90% - 20px);
    }
    .countdown {
    background-color: #292c2f;
    padding: 20px 5px;
    border-radius: 5px;
    }
}