@font-face {
	font-family: 'Comic Neue';
	src: url('fonts/ComicNeue-Light.eot');
	src: url('fonts/ComicNeue-Light.eot?#iefix') format('embedded-opentype'),
	url('fonts/ComicNeue-Light.woff2') format('woff2'),url('fonts/ComicNeue-Light.woff') format('woff'),
	url('fonts/ComicNeue-Light.ttf')  format('truetype');font-weight: 300;
}
*           { margin:0; padding: 0; }
body        { font-family: 'Comic Neue'; color:#115683; }
#logo small {display:block;transform: rotate( -90deg );position:relative;top:-100px;left:-230px;font-size:30px;}
#logo       { color:#F4FCAC;font-size:90px;padding:20px;position:absolute;z-index:1;top:25px;line-height:70px;font-weight:400;margin-left:40px;left:calc(50% - 220px);}
.bg         {position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(img/ag2.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;z-index:-1;}
article     {margin: auto;}
h1,h2       {text-align:center;margin-bottom:20px;font-size:30px;border-bottom-width: 8px;}
h2          { margin-bottom:10px; margin-top:40px;}
p,ul        {max-width:800px;margin:auto;font-size: 22px;padding:20px;}
section     {margin-top:240px;background-color:white;opacity:0.8;padding:60px;z-index:4;min-height:1200px;overflow:hidden;}
nav         { text-align:left;height:60px; font-size:20px; width:100%;max-width:800px;margin:auto;}
a,a:visited {color:#115683;}
nav ul      { list-style:none;}
nav ul li   { display:inline;margin-right:20px;}
@media (max-width: 800px) {
#logo       { font-size:60px; left:0; }
#logo small { top:-100px; left:-150px; font-size:20px; }
article section { padding:20px; }
}