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

body,
html {
	margin: 0; 
	padding: 0;
}
body {
	font: 300 19px/30px 'Roboto', Arial, Verdana, sans-serif;
	color: #555;
}

/* ------------ 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 {
	padding: 25px 20px 0;
	max-width: 460px;
	margin: 0 auto;
	text-align: left;
}
.logo {
	padding: 7px 20px 21px;
}
.line {
	border-top: 1px solid #03307e;
}
p {
	margin: 0 0 15px 0;
}
strong {
	color: #333;
	font-weight: 500;
}
.powered_by a:hover,
a {
	color: #03307e; 
}
a:hover {
	color: #555;
}
.text_right,
.text_left {
	float: left;
	width: 50%;
	white-space: nowrap;
}
.cf {
	clear: both; 
	float: none; 
	height: 0;
	width: 0;
}
.powered_by {
	font-size: 14px; 
	color: #bbb;
}
.powered_by span {
	display: none;
}
.powered_by a {
	text-decoration: none; 
	color: #bbb;
}

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

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