/* End Formular */ 
/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
 @font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
	src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
  }
 /* roboto-condensed-regular - latin */
@font-face {
	font-display: swap; 
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/roboto-condensed-v27-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
 
html {overflow-y: scroll;}
body {background:#333638;background-image: url("../img/bg-dark-hdpi.jpg");color:#ffffff;font-family: 'Roboto Condensed', Arial;font-size:1em;}
#wrapper {
    max-width: 960px; 
	margin: 20px auto;
}
.clear {clear: both;}
.mt-xs {margin-top: 25px;}
.mt-s {margin-top: 35px;}
#container {margin-bottom:20px;padding: 0 10px 0 10px;}
.col30 {width:30%;display:block;float:left;}
.col40 {width:40%;display:block;float:left;}
.col70 {width:70%;display:block;float:left;}
.col100 {width:100%;display:block;float:left;}
.center {text-align:center;}
.logo img {width: 100px;}
h1 {font-family: 'Roboto Condensed', Arial;font-size:1.6em;margin:0;padding: 0;margin-bottom: 15px;}
h2 {font-family: 'Roboto Condensed', Arial;font-size:1.4em;margin:0;padding: 0;}
.align-right {text-align:right;}
.padd-left-50 {padding-left: 50px;}
.max800 {max-width: 800px;margin: 0 auto;}
p {margin:0 0 10px 0;padding: 0;line-height:1.4;text-align: left;}
.col40 p {padding-top:4px;}
img {width:100%;height:auto;}
a {color:#FFE300;text-decoration:none;}
a:hover {text-decoration: underline;}
.max30em {max-width: 30em; margin:0 auto;}
.fa {padding-right: 8px;}
nav ul {margin: 0 auto; list-style: none; text-align: center;padding: 0;}
nav li {background: #FFE300; height:50px;margin-bottom: 10px;}
nav li a {
	display: block;
	padding: 15px;
	font-size: 1em;
	color:#000000;
	text-align: center;
	opacity: 0.7;
	transition: 0.3s;}
nav li a:hover {background: #027ABF;color: #fff;opacity: 1;}
@media screen and (max-width: 768px) {
#wrapper {margin-top:10px;}
#container {margin-bottom:10px;}
#main {
  display:block;
  position: relative;
  margin-top:50px;
}
.align-right {text-align:left;}
.padd-left-50 {padding-left: 0;}

.col30, .col40, .col70 {width:100%;float:none;}
h2 {margin-top:10px;}
h2, p {text-align:left;}
}
@media (max-device-width: 768px) {
#wrapper {margin-top:10px;}
#container {margin-bottom:10px;}
.col100 {width:100%;float:none;padding:10px;}
.max800 {width: auto;}
h2 {margin-top:20px;font-size:1.2em;}
h1, h2, p {text-align:left;padding-left:0;}
p {font-size:16px;}
}