html{
	font-size: 16px;
}
*{
	padding: 0;
	margin: 0;
}
body{
	background: #518b89;
	background-image: url("../img/bg.jpg?v4");
	background-position: center top;
	background-size: 100%;
	background-repeat: repeat;
	text-align: center;
	padding: 1em;
}
#shield{
	padding-top: 2em;
	padding-bottom: 3em;
	height: 23.6875em;
}
#services{
	padding-bottom: 3em;
}
#services img{
	height: 1.5625em;
}
#adres{
	padding-bottom: 3em;
	height: 8.375em;
}
#links a{
	display: inline-block;
	padding: 0 1.2em;
}
#links a img{
	height: 4.0625em;
}

@media screen and (max-height: 850px) { html{ font-size: 15px; } }

@media screen and (max-height: 800px) { html{ font-size: 14px; } }
@media screen and (max-width : 550px) { html{ font-size: 14px; } }

@media screen and (max-height: 750px) { html{ font-size: 13px; } }
@media screen and (max-width : 500px) { html{ font-size: 13px; } }

@media screen and (max-height: 700px) { html{ font-size: 12px; } }
@media screen and (max-width : 450px) { html{ font-size: 12px; } }

@media screen and (max-height: 650px) { html{ font-size: 11px; } }

@media screen and (max-height: 600px) { html{ font-size: 10px; } }
@media screen and (max-width : 400px) { html{ font-size: 10px; } }

@media screen and (max-height: 550px) { html{ font-size:  9px; } }
@media screen and (max-width : 350px) { html{ font-size:  9px; } }

@media screen and (max-height: 500px) { html{ font-size:  8px; } }
@media screen and (max-width : 300px) { html{ font-size:  8px; } }

@media screen and (max-height: 450px) { html{ font-size:  7px; } }
@media screen and (max-width : 275px) { html{ font-size:  7px; } }

@media screen and (max-height: 400px) { html{ font-size:  6px; } }
@media screen and (max-width : 250px) { html{ font-size:  6px; } }

@media screen and (max-height: 320px) { html{ font-size:  5px; } }
@media screen and (max-width : 225px) { html{ font-size:  5px; } }