@charset "utf-8";
/* CSS Document */
/* font */
@font-face {
  font-family: 'RobotoSlab-Regular';
  src: url('fonts/Roboto_Slab/RobotoSlab-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('fonts/Roboto/Roboto-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Medium';
  src: url('fonts/Roboto/Roboto-Medium.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Light';
  src: url('fonts/Roboto/Roboto-Light.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Bold';
  src: url('fonts/Roboto/Roboto-Bold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Black';
  src: url('fonts/Roboto/Roboto-Black.ttf') format('truetype'); 
}

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), 
  url('fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), 
  url('fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), 
  url('fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), 
  url('fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

* {
	box-sizing: content-box;
}
/* general */
html,
body {
	margin:0;
	padding:0;
	height:100%;
	#background-color: #FFF;
	font-size:100%;
	background-image: url("pics/back.png");
	background-size: cover;
}
#wrappers {
	min-height:100%;
	position:relative;
}
#wrappers section {
	display:block;
	#border:solid;
	position:absolute;
	width:fit-content;
	#height:auto;
	margin:auto;
	text-align:center;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}
#wrappers section #logo {
	width:200px;
	height:auto;
	margin: 0 0 0 0;
}
#wrappers section  i {
	color:#244e93;
	font-size:2em;
	opacity:.5;
}
h1{
	font-family: 'RobotoSlab-Regular', sans-serif;
	font-weight:normal;
	color:#244e93;
	font-size:2.5em;
	margin: 0 0 1em 0;
}
h1 span {
	display:block;
	color:#333;
	font-size:.5em;
}
/* footer */
#footer {
	width: 100%;
	position: absolute;
	bottom: 0;
	background-color:#fff;
	padding:5px 0;
}
#wrappers #footer #powered {
	font-family: 'Roboto-Regular', sans-serif;
	text-align: center;
	width: 100%;
	color:#999;
	font-size: .7em;
}
#wrappers #footer #powered a{
	color:#999;
	text-decoration:none;
}
/* footer */
#footer {
	height: 30px;	
	text-align:center;
}
/* footer */