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

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-Regular.woff2') format('woff2'),
		url('fonts/OpenSans-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'),
		url('fonts/OpenSans-SemiBoldItalic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-Italic.woff2') format('woff2'),
		url('fonts/OpenSans-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-SemiBold.woff2') format('woff2'),
		url('fonts/OpenSans-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

/* ------------ Basic Stuff -------------*/

body,
html {
	margin: 0; 
	padding: 0;
}
body {
	font: 300 clamp(17px,1.9vw,19px)/clamp(28px,3vw,30px) 'Roboto', Arial, Verdana, sans-serif;
	color: #555;
	background: #910e1e;
}
body:before {
	content: ''; 
	position: absolute; 
	top: calc(50% - 33px);
	left: 0; 
	right: 0; 
	bottom: 0;
	background: #eee;
}

/* ------------ Content -------------*/

#page {
	position: absolute; 
	left: 0; 
	right: 0;
	top: 50%; 
	-webkit-transform: translate(0, -50%);
	   -moz-transform: translate(0, -50%);
	     -o-transform: translate(0, -50%);
		 	transform: translate(0, -50%);
}
.logo,
.text {
	position: relative;
	padding: clamp(20px,4vw,40px) 20px 0;
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
}
.text:before {
	content: ''; 
	position: absolute; 
	top: 0;
	left: 50%;  
	bottom: 0;
	width: 100vw; 
	background: #eee;
	transform: translate(-50%,0);
	z-index: -1;
}
.logo {
	padding: 7px 20px clamp(25px,5vw,50px);
}
.logo img {
	display: block; 
	margin: 0 auto;
}
.line {
	border-top: 1px solid rgba(0,0,0,0.2);
}
p {
	margin: 0 0 15px 0;
}
strong {
	color: #333;
	font-weight: 500;
}
.powered_by a:hover,
a {
	color: #910e1e; 
}
a:hover {
	color: #555;
}
.text_right,
.text_left {
	float: left;
	width: 50%;
}
.cf {
	clear: both; 
	float: none; 
	height: 0;
	width: 0;
}
.powered_by {
	font-size: 14px; 
	color: #bbb;
	padding-top: clamp(10px,2vw,20px);
}
.powered_by span {
	display: none;
}
.powered_by a {
	text-decoration: none; 
	color: #bbb;
}

/* ------------ Responsive -------------*/

@media screen and (max-width: 450px) {
	.text_right,
	.text_left {
		float: none;
		clear: both; 
		width: 100%;
	}
	.text_right p br:first-child {
		display: none;
	}
}