/* font */
@font-face {
  font-family: 'OpenSans';
  src: url('fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway/Raleway-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/Roboto-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto_Slab';
  src: url('fonts/Roboto_Slab/RobotoSlab-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'comfortaa';
  src: url('fonts/comfortaa/Comfortaa-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'NotoSans';
  src: url('fonts/Noto_Sans/NotoSans-Regular.ttf') format('truetype'); 
}

/* general */
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
	margin:0;
	padding:0 0;
	height:100%;
	font-family: 'comfortaa', sans-serif!important;
	
}
:root {
  --blacklight: #333;
  --greyefefef: #efefef;
  --greyebebeb: #ebebeb;
  --greyd1d1d1: #d1d1d1;
  --grey999: #999999;
  --white: #ffffff;
  --sea: #23aadd;
}
#wrappers {
	min-height:100%;
	position:relative;
}
#content {
	margin: 0;
	padding: 1em;
	background-color: #fff;

}
#logo {
	display:block;
	width:150px;
	margin:0 auto 1em auto;
}
#logo img {
	width:100%;
}
h1{
	font-size:1.5em;
	text-align:center;
	margin:30px auto 10px auto;
}
article {
	padding :1em 3em;
	font-size:1em;
	line-height:1.5em;
	font-family: 'NotoSans', sans-serif!important;

}