/* DESKTOP AND MOBILE CODE */

html {
    height: 100%;
    box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
    margin: 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-size:12pt;
    line-height: 1.5em;
    color: #000000;
    min-height: 100%;
    position: relative;
    padding-bottom: 6rem;
}
.headerWrapper {
    width:100%;
    height:120px;
    display:block;
    margin-bottom: 10px;
}
.logo {
    min-width: 200px;
    max-width:320px;
    height: 120px;
    display: block;
    margin: 10px;
}
.logoimg {
    min-width: 200px;
    max-width: 320px;
    display: block;
    border: 0px solid #000000;
}
a {
    text-decoration: none;
}
a.logolink:link,a.logolink:visited,a.logolink:active {
    display: block;
    border: 0px;
}
.menuContainer {
    width: 100%;
    height:52px;
    display: block;
    background-color: #648d8f;
}
.menuWrapper {
    min-width: 200px;
    max-width: 1000px;
    display: block;
    margin: 0px auto;
}
ul.menuul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #648d8f;
}
.mobilemenu {
    display: none;
}
li {
    float: left;
}
li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
li a:hover:not(.active) {
    background-color: #06070B;
}
.active {
    background-color: #4CAF50;
}
h1,h2,h3 {
    font-family: 'Noto Serif', serif;
    line-height: 1.5em;
    padding-top:25px;
    padding-bottom: 25px;
}
.contentWrapper {
    width: 100%;
    display: block;
    margin-top:10px;
    margin-bottom: 20px;
}
.pageContent {
    min-width: 200px;
    max-width: 1000px;
    display: block;
    margin: 0px auto;
    padding-left: 10px;
    padding-right: 10px;
}
.imgright {
    float:right;
    width:250px;
    border: 0px;
    padding-left: 10px;
    padding-bottom: 10px;
}
.imggallery {
    display: inline-block;
    padding:10px;
    border: 0px;
}
.footerWrapper {
    width: 100%;
    height: 60px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: #333333;
}
.footer {
    min-width: 200px;
    max-width: 1000px;
    margin: 0px auto;
    height: 60px;
    line-height: 60px;
    font-size: 8pt;
    text-align: center;
    color: #FFFFFF;
    display: block;
}
a.footerLink:link, a.footerLink:visited, a.footerLink:active {
    text-decoration: underline;
    color: #ffffff;
}
/* MOBILE ONLY CODE BELOW */

@media all and (max-width: 799px) {
    .logo {
        min-width: 200px;
        max-width:320px;
        height: 120px;
        display: block;
        margin: 0px auto;
    }
    .menuul {
        display: none;
    }
    .mobilemenu {
        display: block;
        width: 100%;
        height: 50px;
        padding: 10px;
        box-sizing: border-box;
        border: 0px;
        font-size:14pt;
        font-weight: 800;
        color: #FFFFFF;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background: #648d8f;
    }
    h1 {
        text-align: center;
    }
}