* {padding:0;margin:0;}

html {width:100%;height:100%;}
body {font-family:Arial, Helvetica, Sans-serif;font-size:14px;line-height:1.4;font-weight:400;color:#000;background:#FFF;text-align:justify;}

h1 {font-family:Arial, Helvetica, Sans-serif;font-size:16px;line-height:1.5;color:#00365e;}
h2 {font-family:Arial, Helvetica, Sans-serif;font-size:15px;line-height:1.4;color:#00365e;}

.container {width:90%;max-width:1050px;margin:0 auto;}

header {margin:25px 0;}
header img {width:100%;}

.menu-trigger {color:#000;background:#eeedf3;font-weight:800;text-transform:uppercase;padding:15px;margin:0 0 5px;cursor:pointer;}

aside {float:left;margin:0 0 25px;}

#main {float:right;margin:0 0 25px;}

footer {clear:both;color:#FFF;background:#767676;padding:15px 0 15px 0px;text-align:center;}
footer a {color:#FFF;text-decoration:none;}

@media (min-width: 800px) {
	aside {width:15%;}
	#main {width:80%;}
	
	.menu-trigger {display:none;}
	
	aside nav {display:block !important;}
	aside nav ul {list-style:none;}
	aside nav ul li {margin-bottom:1px;}
	aside nav ul li a {display:block;font-size:14px;font-weight:600;text-decoration:none;color:#000;background:#eeedf3;padding:8px 20px;}
	aside nav ul li a:hover{background:#767676;color:#FFF;}
}


@media (max-width: 800px) {
	aside,
	#main {width:100%;}
	
	.menu-trigger {display:block;}
	
	aside nav {display:none;}
	aside nav ul {list-style:none;}
	aside nav ul li {margin-bottom:1px;}
	aside nav ul li a {display:block;font-size:14px;font-weight:600;text-decoration:none;color:#fff;background:#767676;padding:12px 20px;}
	aside nav ul li a:hover{background:#767676;color:#FFF;}
}