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

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

body {
    line-height: 1;
    -webkit-text-size-adjust: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
table th {
  font-weight: bold;
  background: #E6E6E6;
  text-align: center;
}
table tr td, table tr th {
    border: 1px solid #bbb;
    padding: 0 6px;
}


/* Box Model */

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Basic */

@-ms-viewport {
    width: device-width;
}

body, input, textarea, select {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    color: #919499;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: #484d55;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit;
    text-decoration: none;
}

a {
    color: #717479;
}

a:hover {
    text-decoration: none;
}

strong, b {
    font-weight: 700;
    color: #484d55;
}

blockquote {
    border-left: solid 0.5em #ddd;
    padding: 1em 0 1em 2em;
    font-style: italic;
}
blockquote>p {
    margin-bottom: 0;
}

em, i {
    font-style: italic;
}

hr {
    border: 0;
    border-top: solid 1px #ddd;
}

sub {
    position: relative;
    top: 0.5em;
    font-size: 0.8em;
}

sup {
    position: relative;
    top: -0.5em;
    font-size: 0.8em;
}

.nobr {
    white-space: nowrap;
}

br.clear {
    clear: both;
}

p, ul, ol, dl, table, blockquote, form {
    margin-bottom: 1em;
}

#nav {
    display: block;
    right: 0;
    width: 100%;
    text-align: center;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 0em 1em 0em 1em;
    background-color: white;
    height: 80px; /*to make room for the floated logo*/
}

#nav > ul {
    list-style: none;
    text-align: right;
    margin-bottom: 0.5em;
}

#nav > ul > li {
    display: inline-block;
    text-align: center;
    padding: 0 0.5em 0 0.5em;
    border-radius: 0.35em;
    box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.25);
    background-color: #ccc;
    margin-top: 25px;
}

#nav > ul > li > ul {
    display: none;
}

#nav > ul > li > a, #nav > ul > li > span {
    display: block;
    color: #eee;
    color: white;
    text-decoration: none;
    font-size: 0.7em;
    letter-spacing: 0.1em;
    line-height: 2em;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

#nav > ul > li:hover > a {
    color: #2f333b;
}

#nav > ul > li.active > a,
#nav > ul > li.active > span {
    color: #2f333b;
}
#nav li.active {
  background-color: #aaa;
  color: white;
}



/* Section/Article */

section,
article {
    margin-bottom: 3em;
}

section > :last-child,
article > :last-child,
section:last-child,
article:last-child {
    margin-bottom: 0;
}

header.style1 {
    text-align: center;
}

header.style1 h2 {
    font-weight: 700;
}

header.style1 p {
    color: #b1b4b9;
}

/* Image */

.image {
    display: inline-block;
}

.image img {
    display: block;
    width: 100%;
}

.image.fit {
    display: block;
    width: 100%;
}

.image.left {
    float: left;
    margin: 0 2em 2em 0;
}

.image.centered {
    display: block;
    margin: 0 0 2em 0;
}

.image.centered img {
    margin: 0 auto;
    width: auto;
}

.image.featured {
    display: block;
    width: 100%;
    margin: 0 0 2em 0;
}

/* Button */
button{
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    display: inline-block;
    background: #444;
    text-decoration: none;
    border-radius: 0.35em;
    border: 0;
    outline: 0;
    cursor: pointer;
}


/* List */

ul {
    list-style: disc;
    padding-left: 1em;
}

/* Icons */

.icon {
   text-decoration: none;
}

.icon:before {
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1.25em;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon > .label {
    display: none;
}


/* Intro */

#intro > .style2 {
    font-weight: 700;
    color: #000000;
    border-radius: 0.35em;
    box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.25);
}

#intro > .style2 a {
    color: inherit;
    text-decoration: none;
}

/* Highlights */

#highlights .highlight {
    text-align: center;
}

#highlights .highlight h3 {
    color: #000000;
}


/* Desktop + Table */

@media screen and (min-width: 737px) {

    /* Basic */

    body, input, select, textarea {
        font-size: 13pt;
        line-height: 1.75em;
        letter-spacing: 0.025em;
    }

    body {
        min-width: 1200px;
    }

    hr {
        margin: 2em 0 2em 0;
    }

    /* Section/Article */

    section, article {
        margin: 0 0 4em 0;
    }

    header.style1 {
        padding: 3em 0 3em 0;
    }

    header.style1 h2 {
        font-size: 2em;
        letter-spacing: 0.075em;
        line-height: 1.5em;
    }

    header.style1 p {
            display: block;
            margin: 1.15em 0 0 0;
            font-size: 1.3em;
            letter-spacing: 0.075em;
            line-height: 1.5em;
    }


    /* Button */
    button{
        padding: 1em 1.5em 1em 1.5em;
        font-size: 0.9em;
        min-width: 12em;
        line-height: 1em;
    }

    /* List */

    ul.actions {
            margin: 3em 0 0 0;
    }

    ul.actions li {
            display: inline-block;
            margin: 0 0.75em 0 0.75em;
    }

    ul.actions li:first-child {
            margin-left: 0;
    }

    ul.actions li:last-child {
            margin-right: 0;
    }

    ul.actions-centered {
            text-align: center;
    }


    /* Header */

    #header {
        position: relative;
        padding: 12em 0;
    }

    .homepage #header {
        padding: 18em 0;
    }

    /* Footer */

    #footer header.style1 {
        padding-bottom: 0;
    }

    #footer {
       text-align: center;
    }

    /* Copyright */

    #copyright {
        margin: 6em 0 0 0;
    }

    #copyright ul {
        padding: 0.75em 2em;
        font-size: 0.9em;
    }

    #copyright ul li {
        display: inline-block;
        margin-left: 1em;
        padding-left: 1em;
        border-left: solid 1px #333;
        border-left-color: rgba(255, 255, 255, 0.05);
    }

    #copyright ul li:first-child {
        border-left: 0;
        margin-left: 0;
        padding-left: 0;
    }

}

/* Tablet Only */

@media screen and (min-width: 737px) and (max-width: 1200px) {

    /* Basic */

    body {
        min-width: 1000px;
        font-size: 12pt;
        line-height: 1.5em;
        letter-spacing: 0.015em;
    }

    input, select, textarea {
        font-size: 12pt;
        line-height: 1.5em;
        letter-spacing: 0.015em;
    }

    body {
        min-width: 760px;
    }

    /* Header */

    #header {
        padding: 10em 0;
    }

    .homepage #header {
            padding: 14em 0;
    }


    /* Intro */

    #intro > .style1 {
            font-size: 1.25em;
    }

    #intro > .style2 {
            font-size: 2.25em;
    }

    /* Copyright */

    #copyright {
            margin: 3em 0 0 0;
    }

}


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

    /* Basic */

    html, body {
            overflow-x: hidden;
    }

    body, input, select, textarea {
            line-height: 1.5em;
            font-size: 10.5pt;
            letter-spacing: 0;
    }

    h2, h3, h4, h5, h6 {
            font-size: 1.2em;
            letter-spacing: 0.05em;
            margin: 0 0 1em 0;
    }

    hr {
            margin: 1em 0 1em 0;
    }

/* Section/Article */

    section, article {
            clear: both;
            padding: 1em 0 1em 0 !important;
    }

    header br {
            display: none;
    }

    header.style1 {
            padding: 0 0 1em 0;
    }

    header.style1 h2 {
            font-size: 1.5em;
            letter-spacing: 0.075em;
            line-height: 1.25em;
    }

    header.style1 p {
            display: block;
            margin: 0;
    }

/* Button */

    button {
        display: block;
        width: 100%;
        font-size: 1em;
        padding: 1em;
        max-width: 30em;
        margin: 0 auto;
    }

/* List */

    ul.actions {
        margin: 2em 0 0 0;
    }

    ul.actions li {
            margin: 15px 0 0 0;
    }

/* Box */

    .box.post-excerpt .image.left {
        position: relative;
        top: 0.25em;
        width: 25%;
        margin: 0;
    }

    .box.post-excerpt h3, .box.post-excerpt p {
        margin-left: 32.5%;
    }

/* Off-Canvas Navigation */

    #page-wrapper {
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-transition: -moz-transform 0.5s ease;
        -webkit-transition: -webkit-transform 0.5s ease;
        -ms-transition: -ms-transform 0.5s ease;
        transition: transform 0.5s ease;
        padding-bottom: 1px;
    }


/* Intro */

    #intro {
        text-align: center;
        padding: 1em 2em 1em 2em !important;
        margin: 0 auto;
    }

    #intro .style2 {
        font-size: 1.5em;
        letter-spacing: 0.05em;
        line-height: 1.25em;
        padding: 1.25em;
    }


/* Footer */

    #footer {
      text-align: center;
    }

}

body {
  margin: 0;
}
h1, h2, h3, a {
  color: darkgreen;
}
#header {
  height: 30vh;
  background-image: url('img/banner.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}
.centered {
  padding: 0 auto auto auto;
  text-align: center;
}
#main {
  width: 80%;
  max-width: 800px;
  margin: 1em auto auto auto;
}

img#logo {
  width: 10em;
  height: auto;
  float:left;
  margin-right:1em;
}
@media only screen and (min-width: 737px) {
  div.find-more {
     width:45%;
     display:inline-block;
     margin-right: 2em;
  }
}

/* width adjusts on mobile */
@media only screen and (max-width: 737px) {
  #main {
    width: 80%;
  }
  iframe {
    width: 100%;
  }
}

/* FAQ style */
button {
  font-family: serif;
  font-size: 1em;
}
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  margin-bottom: 3px;
  transition: 0.4s;
}
.active, .accordion:hover {
  background-color: #ccc;
}
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}

@media only screen and (max-width: 737px) {
    div.findmore {
        width:100%;
    }
}