* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
*:focus {outline:0 !important;}

:root {
  --color1: #000000;
  --color2: #000000;
  --color3: #000000;
}

html, body {text-rendering:optimizeLegibility; font-family: "all-round-gothic", sans-serif;}
html {height: 100%; font-size: 56.25%;}
body {
	height:100%; background-size: cover; background-repeat: no-repeat; background-position:left center; padding:0; color:#fff; display:flex; flex-direction:column; justify-content: center;
	background:#000;
}

.header-image {position: relative;z-index: 0;display:flex; height: 100vh; height: calc(var(--vh, 1vh) * 100);}
.header-image img {align-self: flex-start;}

.container-fluid {position: absolute; top:50%;left:50%; transform: translate(-50%,-50%)}

.color1 {color:var(--color1);}
.color2 {color:var(--color2);}
.white {color: #fff;}

.bg1 {background-color:var(--color1)!important;}
.bg2 {background-color:var(--color2)!important;border-color:var(--color2)!important;}


.logo {
	width:70rem;
	max-width: 95%;
	filter: invert(1);
}

.title {
    font-size: 6rem;
	font-weight: 500;
    letter-spacing: .25rem;
	line-height: 1.5;
}
.subtitle {
    font-weight: 300;
    font-size: 3.5rem;
    letter-spacing: .1rem;
}
.text {font-size:2rem; font-weight:400;}
.dida {font-size:1.8rem;}
.cst-btn {
	border: 1px solid var(--color1);
	color:#fff!important;
	background-color:var(--color1);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	padding:2rem 4rem;
	transition: all .3s;
	margin: 1rem 2rem 1rem 0;
	font-size: 2rem;
	letter-spacing: .1rem;
	border-radius: 0;
	height:63px;
	font-weight:400;
}
.cst-btn.disc-btn {width:63px; height:63px; padding:0;}
.cst-btn.disc-btn i {font-size:3rem;}
.cst-btn:hover {
	border: 1px solid var(--color3)!important;
	color:var(--color1);
	background-color:var(--color3)!important;
}
.cst-btn.bg2:hover {
	border: 1px solid var(--color1)!important;
	background-color:var(--color1)!important;
}
.cst-btn i {font-size: 2.5rem;}

#footer {
	position: absolute;
	bottom:2rem;
	left:4rem;
	right:4rem;
	text-align: center;
	color:#fff;
}
#footer a {color:#fff;}
@media (max-width:1199px) {
	.logo {
		width:25rem;
	}
	.title {
		font-size: 4.5rem;
	}
	.subtitle {
		font-size: 3rem;
	}
	.text {font-size:2.5rem;}
}
@media (max-width:991px) {
	.cst-container {padding:3rem;}
	.title {
		font-size: 5rem;
	}
	.subtitle {
		font-size: 2.5rem;
	}
	.text {font-size:2rem;}
	.cst-btn {font-size:2.1rem}
}
@media (max-width:767px) {
	body {
		background-color: transparent;
		background-position: center;
		background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('bg.jpg');
	}
	.title {
		font-size: 4rem;
		letter-spacing: .1rem;
	}
	.subtitle {
		font-size: 2.6rem;
	}	
	.cst-btn {font-size:1.7rem; margin: 1rem 0 1rem 2rem;}
	.cst-container {justify-content: start;}
	
}
@media (max-height:600px) {	
	body {padding:2rem 0; justify-content: start;}
	.subtitle {font-size:2.2rem}
	.cst-btn {
		padding:1rem 4rem;
		margin: 1rem 2rem 1rem 0;
		font-size: 1.8rem;
		height:45px;
	}
}
@media (max-width:575px) {	
	.logo {width:80%;}
	.text {font-size:2rem; font-weight:400}
	.title {
		font-size: 4rem;
		letter-spacing: .1rem;
        line-height: 1.2;
	}	
	.subtitle {
		font-size: 2.2rem;
	}
	.cst-btn {padding:1.2rem 1rem; width:100%; height: auto; margin:1rem 0;}
	.cst-btn i {font-size: 1.7rem;}
	#footer {
	left:3rem;
	right:3rem;
	}
	body{
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('bg-mob.jpg');
	justify-content: start;
	padding-top:10rem;
	}

}

@media (max-height: 800px) and (min-width: 600px) {
	body {justify-content: start}
	.container-fluid {position: absolute; top:6rem; transform: translateX(-50%);}

	.logo {width:50rem;}
	.title {font-size:5rem; line-height: 1;}	
	.subtitle {font-size: 3rem;}
	.cst-btn {width:auto; margin:1rem; height: 40px;}
}
@media (max-height:600px) {	
	.container-fluid {top:3rem;}
	.logo {width:25rem;}
	.title {font-size: 3rem; line-height: 1;}	
	.subtitle {font-size: 2rem;}
	.cst-btn {padding:0 1rem; margin:1rem .5rem; font-size:1.5rem; height:40px;}
}