@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,600i&display=swap');

body {
 font-family: 'Lato', serif;
 font-size: 1.4em;
 margin: 0;
 background-color: #f0e3f6;
}

div#headers {position: relative; width: 100%; height: 4.5em; ooverflow: auto;}

div#headers * {position: absolute;}

div#band {width: 100%; height: 2.5em; z-index: -1; top: 1em; background-color: #c21;}

div#h-container {position: relative; box-sizing: border-box; width: 24em; margin-left: auto; margin-right: auto;}

img#logo {
box-sizing: border-box; height: 3.5em; top: .5em;
border: .3em solid #c21; border-radius: .3em;
}

h1{
 font-size: 1.7em;
 color: #fff;
 left: 1.7em;
 top: .05em;
}

a#logolink {display: block;}

a#c-button {
display: block;
width: 7em;
background-color: #c21;
text-align: center;
color: #fff;
font-size: 0.9em;
text-decoration: none;
font-style: italic;
letter-spacing: 0.05em;
margin: 0.7em auto 0em 0;
border-radius: 0.2em;
padding: 0.2em;
}

a#c-button:hover  {background-color: #900; color: #aaa;}
a#c-button:active {background-color: #e00; color: #fff;}

div.wrapper {display: table; box-sizing: border-box; width: 90%; max-width: 1001px; margin-left: auto; margin-right: auto;}

h2 {font-size: 1.05em; color: #900; margin-bottom: 0em;}
h2#top {text-align: center; width: 80%; margin-left: auto; margin-right: auto;}

h2+p {margin-top: .5em;}

h3+p,h3+ol {margin-top: .15em;}
h4+p {margin-top: .0em;}

h3 {font-size: 1.1em; color: #900; margin-bottom: 0;}

h3.service {font-size: 1em; margin-left: 1em; text-indent: -1em;}
h3.service:first-line {color: #000; font-size: 0.75em; letter-spacing: .05em;}

p.prelist {margin-bottom: .3em;}
p.prelist+ol {margin-top: 0;}

p.service {margin-left: 1em; margin-bottom: .5em;}

span.nw {white-space: nowrap;}

li {margin-bottom: .3em;}

hr {height: 2px; border: 0px; background-color: #500;}

a {color: #14d; text-decoration-color: #faa;}
a#hide,a#hide:hover,a#hide:visited {all: inherit; color: inherit !important; margin: 0;}

p.footer {text-align: center; color: #673d3d; font-style: italic;}

/*--------------------------------RESPONSIVE DESIGN-----------------------------*/

@media only screen and (max-width: 610px) {
div#headers {height: auto;}

div#headers * {position: initial;}

div#band {display: none;}

div#h-container {width: 100%;}

img#logo {display: none;}

h1{position: static; font-size: 5vw; text-align: center; background-color: #c21; padding: .2em;}
}

@media only screen and (max-width: 475px) {
h1 {font-size: 7vw;}
}