@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');

html {background: #d2e0de;}

body{margin:0;}

div#main {margin-left:auto; margin-right:auto; width: 67%; padding:7px 20px; margin-bottom: 15px;}

div#wrapper {margin-left:auto; margin-right:auto; width: 90%; padding:7px 20px; margin-bottom: 15px;}

a#button{
 display: block;
 position: relative;
 width: 7em;
 top: 0em;
 color: #c4d8d6;
 background-color: #406c6c;
 border: 0 solid;
 border-radius: .3em;
 padding: .5em .3em;
 margin: 1.3em auto 0.7em;
 text-align: center;
}

div#headers{
 width: 50em;
 margin: auto;
}

h1,h2,h3{font-family: 'Merriweather Sans', sans; text-align: center;}

h1{font-size: 20pt; margin-bottom: 0;}

h2{font-size:16pt; margin: 0;}
h3{font-size:14pt; margin: 0;}
h2#mainpage{font-size: 16pt; margin: 0.1em 1em 0; color: #355269; font-style: italic;}
h2#overview {text-align: left; margin-bottom: 1em;}

h3.faq {text-align: left; /*padding-bottom: 0; margin-bottom: 0;*/}

h3.faq + p {margin-top: 0;}

span.nw {white-space: nowrap;}

img#icon {
display: block; padding: 5px 6px; margin: 0.5em auto -1em auto; width: 6em;
}

img#top {
display: block; 
margin-left: auto; margin-right: auto; margin-top: 1em; 
border: .3em solid #748281; border-radius: .5em;
}

p,a#button,li,#main .cog-label,legend,div.c-forms-confirmation-message span {font-family: 'Merriweather Sans', sans; font-size: 13pt; line-height: 1.5; letter-spacing: 1px;}

p,li {font-family: 'Noto Sans', sans; font-size: 13pt; line-height: 1.5; letter-spacing: 1px;}

p#contact {text-align: center; margin-top: 1em;}
p#contact::first-line {font-weight: bold;}

p#before {margin-bottom: .5em;}
p.service {text-indent: -1em;}
p.service::first-line {font-family: 'Merriweather Sans', sans; font-size: 1.1em;} 
p.service,p.service2 {margin-left: 2em; margin-bottom: .5em; margin-top: .5em;}


p+ul,p+ol {margin-top: -1em;}

ul{margin-left: 0.2em;}
li {padding-bottom: .8em; padding-left: 0.2em; padding-right: 1em;}

a {text-decoration: none; border-bottom: 2px solid #cbb; color: #559;}
a:active {background-color: #ccb; color: black;}

div.cognito-datepicker-days td {font-family: 'Merriweather Sans', sans;}
div.cognito-datepicker-days th {font-family: 'Merriweather Sans', sans;}

input[type=text],textarea{
 font-family: 'Merriweather Sans', sans;
 font-size: 12pt;
 padding: 5px;
 background-color: #f8f8ff;
 border: 1px solid #889;
 border-radius: 2px;
}

input[type=text]:focus,textarea:focus{
 border: 1px solid #223;
 background-color: #fff;
}

label[for=c-11-3]{color:#f20;}

input[type=radio],input[type=checkbox]{
 margin-right: .7em;
}

button[type=submit]{
 color: white;
 font-family: font-family: 'Merriweather Sans', sans;
 font-size: 14pt;
 border: 0px;
 padding: 8px 11px;
 background-color: black;
 border-radius: 2px;
}

button[type=submit]:focus{
 background-color: #456;
}

p.copyright {font-size: .9em; font-style:italic; text-align:center;}

@media only screen and (max-width: 1200px) {
 div#main {width: 90%;}
}

@media only screen and (max-width: 870px) {
img#icon {width: 5em;}
div#main {width: 90%;}
li {width:90%;}
}