html,
body {
	-webkit-touch-callout: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	margin: 0 auto;
	height: 100%;
	text-align: center;
	font-family: Arial;
	font-size: 16px;
}

img,
a img {
	border: 0;
	max-width: 100%;
	max-height: 100%;
}

#content {
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 0;
}

#logo,
#logoMirror {
	padding: 0 20px;
}

#logo img {
	vertical-align: bottom;
}

#logoMirror img {
	vertical-align: top;
}

#contact {
	background: #00467f;
	background: linear-gradient(#56a1d5, #00467f, #00467f);
	line-height: 30px;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 0 20px;
	zoom: 1;
}

#contact ul {
	list-style: none;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
}

#contact ul:before,
#contact ul:after {
    content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	overflow: hidden;
}

#contact ul:after {
    clear: both;
}

#contact li {
	float: right;
}

#contact li:after {
	content: '|';
	padding: 0 20px;
}

#contact li:first-child:after {
	display: none;
}

#contact a {
	text-decoration: none;
	color: #FFFFFF;
}

#contact a:hover {
	text-decoration: underline;
}

/* RESPONSIVE
-----------------------------------------------------------------------------*/

@media (max-width: 500px) {
	html,body {
		font-size: 15px;
	}
}

@media (max-width: 400px) {
	html,body {
		font-size: 14px;
	}
}

@media (max-width: 370px) {
	html,body {
		font-size: 13px;
	}
}

@media (max-width: 340px) {
	html,body {
		font-size: 12px;
	}
}