#nav-icon {
    display: none;
}
@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
    body {
        margin: 0;
    }
    h1 {
        font-size: 25px;
        display: block;
        margin: 0;
    }
    #page > h1.title {
        text-align: center;
        display: block !important;
        margin-left: 0 !important;
        margin-bottom: 20px !important;
    }
    #page h2.banner {
        display: block !important;
        left: initial;
        transform: none;
        text-align: center;
        margin: 20px 30px;
        margin-top: 40px;
    }
    div#main {
        border: 0;
        display: block;
    }
    div#content {
        width: 100%;
        min-width: 300px;
        margin: 0;
    }
    div#side {
        display: none;
    }
    div.txt {
        margin: 0;
        padding: 10px;
        border-top: 0;
    }
    div.txt video {
        width: 90% !important;
    }
    div#header {
        margin-bottom: 0;
    }
    div#page {
        border-top: 10px solid #eee;
        width: initial;
        margin-left: 0;
        margin-bottom: 0;
    }
    div#nav {
        width: initial;
        min-height: initial;
        padding: 0;
    }
    div#nav:before {
        background-color: #416821;
    }
    ul.nav {
        border: 0;
        padding: 0;
        margin: 0;
        overflow: hidden;
    }
    ul.nav:after {
        border: 0;
    }
    #nav-icon {
        float: right;
        display: inline-block;
        padding: 5px 10px;
        border-top: 0 !important;
    }
    ul.nav li {
        background-color: initial;
        margin: 0;
        border: 0;
    }
    ul.nav img.slider {
      display: none
    }
    ul.nav li:not(:nth-child(2)) {
    	display: none;
    }
    ul.nav li:nth-child(2) {
    	display: inline-block;
    	float: left;
    	padding: 5px 10px;
    }    
    ul.nav.responsive {
        border-bottom: 5px solid #77b800;
        position: relative;
        z-index: 0;
    }
    ul.nav.responsive li {
        float: left;
        display: block;
        padding: 3px;
        width: 100%;
        background-color: initial !important;
        border-top: 1px solid #77b800 !important;
    }
    ul.nav.responsive:after {
        width: 100%;
        content: "";
        display: block;
        position: absolute;
        left: 0; top: 0; right: 0; bottom: 0;
        z-index: -1
    }
    ul.nav.responsive li:nth-child(2) {
        clear: both;
    }
    ul.nav.responsive li.icon {
        float: right;
        width: initial;
        padding: 5px 10px;
        width: 100%;
        border-bottom: 4px solid #77b800;
        border-top: 0;
    }
    ul.nav.responsive li a {
        display: block;
        text-align: left;
    }
    ul.nav.responsive {
        margin: 0;
        color: white;
    }
    p.responsive-nav-icon {
        margin: 0 !important;
        text-align: right;
    }
    p.navtext, p.responsive-nav-icon {
        font-size: 18px;
        color: white !important;
        margin: 0 10px;
    }
    img.inline-img {
        width: 100%;
        display: block;
        height: auto;
        margin: 10px 0;
    }
    div.txt img.slider {
        margin-top: 20px;
    }
    p#copy, a#imprint {
        font-size: 11px;
    }
}