@charset "UTF-8";
/* CSS Document */

body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#ffffff;color:#000}
#page{max-width:960px;margin:0 auto;background:#fff;box-shadow:0 0 38px rgba(41,51,64,.15);min-height:800px}
header{display:flex;justify-content:space-between;align-items:flex-start;padding:0px 20px 0px 15px; color:#ffffff; background:#293340}
header h1{font-size:6rem;margin-bottom: -22px;margin-top:10px}
nav{margin-top:30px;text-align:right}
nav a{margin-left:40px;color:#ffffff;text-decoration:none;font-size:14px}
nav a:hover{color:#293340;text-decoration:underline}
.section-title{background:#6D7E8C;color:#fff;padding:0px 20px;margin:40px 0 20px 0;font-size:2rem}
section{display:block;margin:19px 0;padding:0px 20px;color:#000;text-decoration:none;font-family:Verdana,Arial,sans-serif}
.content{padding:0 0px}
.projects a{display:block;margin:19px 0;padding:0px 20px;font-size:20px;color:#000;text-decoration:none;font-family:Verdana,Arial,sans-serif}
.projects a:hover{color:#293340;text-decoration:underline}
iframe{width:95%;margin:30px auto;display:block;border:0;min-height:900px}
footer{padding:40px 20px 60px 20px}
.footer-nav{text-align:right}
.footer-nav a{margin-left:20px;color:#6D7E8C;text-decoration:none}
.footer-nav a:hover{color:#293340;text-decoration:underline}
@media(max-width:980px){#page{margin:0 10px}header h1{margin-bottom: -16px;margin-top:10px}}
@media(max-width : 700px ){
	header{display:flex;justify-content:space-between;align-items:flex-start;}nav{margin-top:20px;text-align:right}header h1{font-size:4rem;margin-bottom: -20px;margin-top:10px}iframe{min-height:600px}footer{padding:40px 0px 60px 0px}.footer-nav a{margin-left:0px;}
}
