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


* { margin:0; padding:0; outline:none;}
body, html { padding: 0; margin: 0; height:100%;overflow: hidden;}
body { background: #1e4d30;background: #f6f0e6;background-image:url(../images/background.jpg);background-position:top center;background-size: cover; 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: #1e4d30;background: #f6f0e6;}

.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:921px;height: 100%;width:calc(100% - 40px);}
.header-logo{padding-bottom:20px;}
.coming-button{font-family: 'Kalnia';font-size:14px;color:#fff;color: #1d432a;display: inline-block;line-height: 1;}

.text{font-family: 'Kalnia';font-weight: 500;font-size:36px;line-height:1.3;color:#fff;color: #1d432a;text-transform: uppercase;padding-top:40px;}
.header-logo img {width: 240px;}
.social-links{list-style: none;display: flex;gap:10px;justify-content: center;padding-top:65px;}
.social-links li{display: flex;}
.social-links img{width:51px;height:49px;object-fit: contain;transition: transform .3s ease;}

.social-links a {position: relative;display: block;}
.footer-social-label {position: absolute;left: 50%;top: calc(100% + .8rem);translate: -50% -.6rem;font-size: 0.8rem;line-height: 1;white-space: nowrap;color: #fff;color: #1d432a;opacity: 0;pointer-events: none;transition: opacity .3s ease, translate .3s ease;}

@media (hover: hover) and (pointer: fine) {
	.social-links a:hover img {transform: scale(1.08);}
	.social-links a:hover .footer-social-label, .social-links a:focus-visible .footer-social-label {opacity: 1;translate: -50% 0;}
}

footer{position: absolute;bottom:0;left:0;right:0;display: flex;justify-content: space-between;padding:20px;}
.copyright{font-family: 'Inter Tight';font-size:14px;line-height:1;color:#fff;color: #1d432a;}
.designed{font-family: 'Inter Tight';font-size:14px;line-height:1;color:#fff;color: #1d432a;}
.designed a{font-family: 'Inter Tight';font-size:14px;line-height:1;color:#eba72f;text-decoration: none;}
.designed a:hover{color: #eba72f;}

.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) {
	.text{font-size: 30px;}
}

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

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