@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');

html, body
{
 margin: 0;
 padding: 0;
 font-size: calc(0.7em + 0.5vw);
 font-family: "Courier Prime", monospace;
 font-weight: 400;
 color: #434343;
 background-color: #fff;
 border-top: 5px solid #3f6198;
}

a:hover
{
 text-decoration: none;
}

strong
{
  font-weight: 700;
  font-style: normal;
}

em
{
  font-weight: 400;
  font-style: italic;
}

strong em
{
  font-weight: 700;
  font-style: italic;
}

header
{
 margin: 5em auto 0 auto;
 width: 50%;
 text-align: center;
}

header h1 img
{
 width: 25%;
}

@media all and (max-width: 480px)
{
 header
 {
  width: 70%;
  margin-top: 10em;
 }
}

header h3
{
 color: #656565;
 text-transform: uppercase;
 font-weight: 400;
 font-size: 1.2em;
 margin: 2em 0;
}

header ul
{
 margin: 4em auto 0 auto;
 padding: 0;
 display: grid;
 width: 50%;
 grid-template-columns: 50% 50%;
}

header ul li
{
 list-style-type: none;
 margin: 0;
 padding: 0;
}

header ul li a
{
 color: #333;
 text-decoration: none;
}

header ul li a:hover
{
 color: #999;
}

section
{
 width: 75%;
 margin: 0 auto 4em auto;
}

section h2
{
 border-bottom: 1px dotted #434343;
}

section h3
{
 margin: 2em 0 0 0;
 text-transform: uppercase;
 border-bottom: 1px dotted #656565;
}

section h4, section h5
{
 margin: 2em 0 0 0;
 text-transform: uppercase;
}

section#residentialservices h3#statement
{
 border: none;
 text-transform: none;
 font-weight: 400;
 margin: 1em 0;
}

section#residentialservices dl
{
 font-size: 0.8em;
 display: grid;
 grid-template-columns: 20% 80%;
}

dl dt
{
 font-weight: 700;
}

section#pestinfo p.postimg
{
 text-align: center;
 margin: 2em 0;
}

section#pestinfo p.postimg img
{
 width: 50%;
}

section#tours img
{
 width: 100%;
}

footer
{
 margin: 15em 0 0 0;
 text-align: center;
 font-size: 0.8em;
}

footer img
{
 width: 3em;
}

footer p#motto
{
 color: #eee;
}