@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Medium.eot');
    src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Medium.woff2') format('woff2'),
        url('../fonts/Gotham-Medium.woff') format('woff'),
        url('../fonts/Gotham-Medium.ttf') format('truetype'),
        url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Bold.eot');
    src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Bold.woff2') format('woff2'),
        url('../fonts/Gotham-Bold.woff') format('woff'),
        url('../fonts/Gotham-Bold.ttf') format('truetype'),
        url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Book.eot');
    src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Book.woff2') format('woff2'),
        url('../fonts/Gotham-Book.woff') format('woff'),
        url('../fonts/Gotham-Book.ttf') format('truetype'),
        url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Narrow';
    src: url('../fonts/GothamNarrow-Book.eot');
    src: url('../fonts/GothamNarrow-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamNarrow-Book.woff2') format('woff2'),
        url('../fonts/GothamNarrow-Book.woff') format('woff'),
        url('../fonts/GothamNarrow-Book.ttf') format('truetype'),
        url('../fonts/GothamNarrow-Book.svg#GothamNarrow-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* { margin:0; padding:0; outline:none;}
body, html { padding: 0; margin: 0; height:100%;overflow: hidden;}
body { background:#000;background-image:url(../images/background.jpg);background-position:center; height:100%;width:100%;}
img { border:none; }
ul, li{margin:0;padding:0;}
.text-uppercase{text-transform:uppercase;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.pull-left{float:left;}
.layer{position: fixed;width:100%;height:100%;z-index:1;background-image: url("../images/layer.png");background-size: cover;background-position: center;background-repeat: no-repeat;}

.container{display:flex;flex-direction: column;width:100%;height:100%;text-align:center;overflow-y: auto;position: relative;z-index:2;}

.content{position:relative;z-index: 3;margin:0 auto;padding:60px 20px;max-width:1400px;height: 100%;}
.header-logo{padding-bottom:100px;}
.coming-button{border:1px solid #fff;border-radius:30px;padding:15px 20px 15px 30px;font-family: 'Gotham';font-weight: bold;font-size:14px;color:#fff;display: inline-block;line-height: 1;background-image:url("../images/favicon.png");background-repeat: no-repeat;background-position: 10px center;}

h1{font-family: 'Gotham';font-weight: 500;font-size:80px;line-height:1;color:#fff;padding-top:40px;}
.text{font-family: 'Gotham';font-weight: normal;font-size:36px;line-height:1.3;color:#fff;padding-top:40px;}
.header-logo img {width: 185px;height:53px;}
.social-links{list-style: none;display: flex;gap:10px;justify-content: center;padding-top:65px;}
.social-links li{display: flex;}
.social-links svg{width:45px;height:45px;}
.social-links svg .cls-1 {fill: #fff;}
.social-links svg .cls-2 {fill: #393971;}
.social-links li a:hover svg .cls-2 {fill: #61c7f2;}

footer{position: absolute;bottom:0;left:0;right:0;display: flex;justify-content: space-between;padding:20px;}
.copyright{font-family: 'Gotham Narrow';font-weight: normal;font-size:14px;line-height:1;color:#fff;}
.designed{font-family: 'Gotham Narrow';font-weight: normal;font-size:14px;line-height:1;color:#fff;}
.designed a{font-family: 'Gotham';font-weight: bold;font-size:14px;line-height:1;color:#61c7f2;text-decoration: none;}
.designed a:hover{color: #fff;}

.content-logo{position: fixed;bottom: -150px;left: 0;right: 0;height: 47vh;overflow: hidden;z-index: 0;}
.content-logo img{width: 100%;height: 100%;object-fit: fill;object-position: bottom;}

@media (max-width: 1499px) {
	h1{font-size: 60px;}
	.text{font-size: 30px;}
}

@media (max-width: 1299px) {
	h1{font-size: 50px;}	
	.text{font-size: 28px;}
}

@media (max-width: 921px) {
	h1{font-size: 40px;}	
	.text{font-size: 26px;}
	.header-logo {padding-bottom: 60px;}
}
@media (max-width: 640px) {
	h1{font-size: 30px;}	
	.text{font-size: 24px;}
}