@charset "UTF-8";
body {width: 100%; margin: 0; font: 16px/1.55 'source-reg',Helvetica,Arial,sans-serif;
color: #555;}
header{background-color:#222; margin: 0;}
.header-container {max-width: 1200px; padding: 35px 35px 0; margin: 0 auto;}
.page-header {padding-bottom: 9px; margin: 20px 0 30px;	border-bottom: 1px solid #eee;}
.logo {float: left;
    margin: 0 40px 20px 0; border:0; outline: none;}
header h1 {
	color: #fff;
	text-align: right;
}
main {padding: 35px; max-width: 1200px; margin: 0 auto;}
    nav {clear: left; display: flex; padding: 20px 0;}
a:hover, a:focus, a:active {color: #27763e; text-decoration: none;}
a {color: #37a457;}
a:hover, a:focus, a:active {color: #27763e;text-decoration: none;}
a.button {padding: 10px 35px; text-align: center; text-transform: uppercase; text-decoration: none; font-weight: 700; color: #fff; background-color: #37a457; border-radius: 10px;}
a.button:hover {background-color:#27763e; }
p {margin: 1em 0;}
h2 {margin: 1em 0 0;}
nav ul {list-style: none; display: flex; flex-wrap: wrap; justify-content: flex-end; padding: 0; margin: 0; max-width: 100%; width:100%;}
nav ul li {float: left; padding-left: 35px;}
nav ul li a {color: #fff;text-decoration: none; }
.footer {background: #eee;margin-top: 45px;
padding: 35px; border-top: 1px solid #E5E5E5;}

img {max-width: 95%;}
footer .container {
max-width: 1200px; margin: 0 auto;}
.inset-img {display: block; float: right; margin: 10px 0 10px 20px;}
@media only screen and (max-width: 850px) {
    .logo {float: none;} 
    header {text-align: center;}
        header h1 {
            float: none; text-align: center;
        }
    
}
@media only screen and (max-width: 529px) {
            .inset-img {
                float: none; margin: 0 auto;
            }
            
    }