html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block;
}

body {
background: #fff;
line-height: 1.5; 
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

background-image: repeating-linear-gradient(270deg, rgba(54, 54, 54, 0.06) 0px, rgba(54, 54, 54, 0.06) 41px,rgba(218, 218, 218, 0.06) 41px, rgba(218, 218, 218, 0.06) 64px,rgba(117, 117, 117, 0.06) 64px, rgba(117, 117, 117, 0.06) 85px,rgba(56, 56, 56, 0.06) 85px, rgba(56, 56, 56, 0.06) 98px,rgba(26, 26, 26, 0.06) 98px, rgba(26, 26, 26, 0.06) 114px,rgba(219, 219, 219, 0.06) 114px, rgba(219, 219, 219, 0.06) 152px,rgba(11, 11, 11, 0.06) 152px, rgba(11, 11, 11, 0.06) 176px,rgba(130, 130, 130, 0.06) 176px, rgba(130, 130, 130, 0.06) 221px),repeating-linear-gradient(270deg, rgba(37, 37, 37, 0.06) 0px, rgba(37, 37, 37, 0.06) 10px,rgba(185, 185, 185, 0.06) 10px, rgba(185, 185, 185, 0.06) 55px,rgba(91, 91, 91, 0.06) 55px, rgba(91, 91, 91, 0.06) 101px,rgba(50, 50, 50, 0.06) 101px, rgba(50, 50, 50, 0.06) 117px,rgba(185, 185, 185, 0.06) 117px, rgba(185, 185, 185, 0.06) 148px,rgba(90, 90, 90, 0.06) 148px, rgba(90, 90, 90, 0.06) 172px,rgba(82, 82, 82, 0.06) 172px, rgba(82, 82, 82, 0.06) 219px,rgba(56, 56, 56, 0.06) 219px, rgba(56, 56, 56, 0.06) 255px),repeating-linear-gradient(270deg, rgba(11, 11, 11, 0.06) 0px, rgba(11, 11, 11, 0.06) 47px,rgba(211, 211, 211, 0.06) 47px, rgba(211, 211, 211, 0.06) 73px,rgba(115, 115, 115, 0.06) 73px, rgba(115, 115, 115, 0.06) 94px,rgba(145, 145, 145, 0.06) 94px, rgba(145, 145, 145, 0.06) 109px,rgba(40, 40, 40, 0.06) 109px, rgba(40, 40, 40, 0.06) 155px,rgba(150, 150, 150, 0.06) 155px, rgba(150, 150, 150, 0.06) 179px,rgba(79, 79, 79, 0.06) 179px, rgba(79, 79, 79, 0.06) 200px,rgba(57, 57, 57, 0.06) 200px, rgba(57, 57, 57, 0.06) 236px),linear-gradient(225deg, rgb(8, 176, 239),rgb(19, 147, 248));
}

#container {
background: #fff;
}

header, footer {
text-align: center;
padding: 2rem;
margin: auto;
background: rgba(0,0,0,.3);
color: #fff;

}

header {
margin-top: 2rem;
}

#logo {
font-size: 2.5rem;
margin-bottom: -.5rem;
}

#tagline {
font-size: 1.5rem;
font-style: italic;
}

nav {
float: right;
}

nav ul {
list-style: none;
}

nav ul li {
display: inline-block;
margin: 10px;
}

nav ul li a {
padding: 10px;
font-size: 1.1rem;
text-decoration: none;
color: #1A7640;
text-transform: uppercase;
}

nav ul li a:hover, nav ul li a:active, nav ul li a.active {
background: #4EC480;
color: #fff;
}

section {
display: flex;
flex-flow: row wrap;

position: relative;
width: 100%;
max-width: 1150px;
margin: 0 auto;
box-sizing: border-box;
}

main {
padding: 3rem 1.5rem;
flex: 3;
}

aside {
padding: 3rem 1.5rem;
flex: 2;
}

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
margin-bottom: 1.2rem;
color: #555;
letter-spacing: -.5px;
line-height: 1.2;
margin-bottom: .5rem;
}

h1 {
font-size: 2.4rem;
margin-bottom: 1rem;
}

h2 {
font-size: 2rem;
}

h3 {
font-size: 1.5rem;
}

h4 {
font-size: 1.2rem;
}

p, ul {
margin-bottom: 1.4rem;
}

main ul {
margin-left: 1rem;
}

main li {
margin-bottom: .3rem;
}

img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto 1rem auto;
}

figure {
margin-bottom: 1.4rem;
}

figure img {
margin-bottom: .3rem;
}

figcaption {
text-align: center;
font-size: 90%;
}

blockquote {
font-style: italic;
}

hr {
display:block;
height:1px;
border:0;
border-top:1px solid #ccc;
margin:1em 0;
padding:0;
}

#map {
width: 100%;
height: 350px;
}

input,select {
vertical-align:middle;
}

footer {
clear: both;
font-size: .8rem;
margin-bottom: 4rem;
}

footer p {
margin-bottom: 0;
}

footer a {
color: #fff;
}


/* basic form CSS */

button, input, select, textarea {
font-family: inherit;
}

label {
margin:0 0 3px 0;
padding:0;
display:block;
font-weight: bold!important;
color: #000!important;
}
input[type=text], 
input[type=date],
input[type=datetime],
input[type=number],
input[type=search],
input[type=time],
input[type=url],
input[type=email],
textarea, select{
box-sizing: border-box;
background: #fff;
color: #111;
padding: 10px 15px;
margin:0;
border: 1px solid #555;
outline: none;	
font-size: inherit;
}
input[type=text]:focus, 
input[type=date]:focus,
input[type=datetime]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=email]:focus,
textarea:focus, 
select:focus{
border: 1px solid #000;
}
input[type="checkbox"],input[type='radio'] {
width: 1.5em;
height: 1.5em;
margin-right: 0.5em;
vertical-align: text-top;
}
select{
width: 100%;
}
textarea{
min-height: 150px!important;
}
button, input[type=submit], input[type=button]{
background: #555;
color: #fff;
padding: 12px 18px;
border: none;
font-size: inherit;
}
button:hover, input[type=submit]:hover, input[type=button]:hover{
background: #000;
}
.cog-form {
margin-bottom: 2em!important;
}
.cog-confirmation__message {
font-style: italic;
}
.cog-form [aria-hidden="true"], .cog-form [data-a11y-toggle]:not([aria-controls]) {
display: inline!important;
}


@media screen and (max-width: 1000px) {



}


@media screen and (max-width: 600px) {

main {
float: none;
width: 100%;
}

aside {
float: none;
width: 100%;
}

}