/* General Demo Style */
@font-face {
	font-family: 'Roboto-Regular';
	src: url('fonts/Roboto/Roboto-Regular.ttf') format('truetype'); 
  }
body, html { font-size: 100%; 	padding: 0; margin: 0;}

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

body {
    color: #333;
    background: #f7f3f0;
    font-size: 0.9em;
    overflow-x: hidden;
}
a {
	color: #999;
	text-decoration: none;
}
a:hover {
	color: #000;
}
.topheader {
	display:flex;
	align-items: center;
	padding:20px 30px;
	background-color: #005baa;
	position: relative;
	justify-content: center;
}
.topheader img {
	width:100px;
}
main {
	font-family:'Roboto-Regular';
	color:#333;
	text-align: left;
	width:100%;
	padding:20px;
}