*{
	box-sizing: border-box;
}
html, body{margin:0px;}

body{
	background-color:#000;
	font-size: 15px;
	font-family: signal, sans-serif;
	min-width:320px;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #ffffff;
	text-align: center;
}
@font-face {
    font-family: signal;
    font-weight: normal;
    src: url(/fonts/signal3.woff);
    font-display: swap;
}
@font-face {
    font-family: bebas;
    font-weight: bold;
    src: url(/fonts/BebasNeueBold.woff);
    font-display: swap;
}

h1{
	font: bold 32px/32px bebas;
	flex: 0 0 100%;
}
h2{
	width:100%;
	font: inherit;
	font-family: signal;
	font-size: 16px;
	margin: 0 auto 14px;
	text-transform: none;
}
.btn{
	background: #ffffff;
	color: #000000;
	border-radius: 25px;
	border: solid 1px #ffffff;
	line-height: 38px;
	flex: 0 1 300px;
	margin: 0 20px 0 auto;
	display: block;
	text-decoration: none;
	margin: 20px auto;
}
.btn:hover{
	background: #000000;
	color: #ffffff;
}
.logo {
	position: absolute;
	top: 30px;
	left: 30px;
	height: 42px;
	width: 123px;
}
.logo:hover{
	opacity: .7;
}
.tg{
	flex: 0 0 auto;
	margin: 0 auto 0 0;
}
.tg svg{
	fill: #ffffff;
 }
.tg:hover svg{
	fill: #00C2FF;
 }
.d-flex{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	height: 100vh;
	align-content: center;
}
img{
	max-width: 100%;
}
@media (max-width:991px) {
	.logo {
		top: 15px;
		left: 15px;
		height: 32px;
		width: 94px;
	}
	.d-flex{
		padding: 15px;
	}
}