/* @font-face {
	font-family: 'DIN Next LT Pro';
	src: url('../font/DINNextLTPro-Light.woff2') format('woff2'),
	url('../font/DINNextLTPro-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
} */

@font-face {
    font-family: "DIN Next Light";
	font-display: swap;
    src: url('../font/DINNextLTPro-Light.woff2');
}

a,
a:focus,
a:hover {
	color: #fff;
}

.click_button {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
}

.click_button a {
	color: rgb(255, 130, 160);
	text-decoration: underline;
}

.click_button:hover,
.click_button:focus {}


/*
 * Base structure
 */

html,
body {
	height: 100%;
}

body {
	color: #fff;
	font-family: 'DIN Next Light';
	background: url(../img/img1.png) no-repeat center center fixed;
	background-size: cover;
}

.site-wrapper {
	display: table;
	width: 100%;
	height: 100%;
}

.site-wrapper-inner {
	display: table-cell;
	vertical-align: middle;
}

.cover-container {
	width: 50%;
	text-align: left;
	float: left;
}

.inner {
	padding: 30px;
}


/*
 * Cover
 */

.cover {
	padding: 0 20px;
}

.cover-heading {
	font-weight: lighter;
	text-transform: uppercase;
	letter-spacing: 10px;
	font-size: 5rem;
	color: rgb(255, 130, 160);
	margin-bottom: 0;
	margin-top: 20px;
}

@media (min-width: 768px) {
	.cover-heading {
		font-size: 5rem;
		letter-spacing: 0;
	}
}

@media (min-width: 768px) {
	.site-wrapper-inner {
		vertical-align: middle;
	}
	.cover-container {
		width: 50%;
		text-align: left;
		float: left;
	}
}

@media (min-width: 992px) {
	.cover-container {
		width: 50%;
		text-align: left;
		float: left;
	}
}

.clearfix::after {
	display: block;
	clear: both;
	content: "";
}

@media (max-width: 767px) {
	.click_button {
		font-size: 22px;
	}
}