@media only screen and (max-width: 768px) {
    a {
        color:#333333;
        text-decoration:none;
    }

    a:hover {
        text-decoration:underline;
        color:#333333;
    }

    #content a {
        color:#666666;
        text-decoration:underline;
    }

    body {
        margin:0;
        padding:0;
        font-family:Arial,Helvetica,Verdana,sans-serif !important;
        color:#000000;
        background-color:#000000;
    }

    #container {
        margin:0;
        padding:0;
        background-color:#ffffff;
        min-width:100%;
        width:100%;
        /*border:1px solid #333333;*/
    }

    #header {
        margin-bottom:58px;
        min-width:unset;
        width:unset;
    }

    #header img {
        height:70px;
        width:243px;
    }

    #slogan {
        margin:0 0 1em 0;
        padding:5px 15px 5px 0;
        background-image:none;
        background-color:#faf795;
        /* padding:3px 9px 0px 0px; */
        height:unset;
        width:100%;
        font-size:14px;
        font-style: italic;
        font-weight:bold;
        text-align:center;
        line-height:18px;
        clear:both;
    }

    #menu1 {
        display:none;
    }

    .menu1act {
    }

    .menu1act a {
    }

    .menu1pas {
    }

    .menu1pas a {
    }

    #menu2 {
        display:none;
    }

    .menu2act {
    }

    .menu2pas {
    }

    .menu2act a {
    }

    .menu2act a:hover {
    }

    .menu2pas a {
    }

    .menu2pas a:hover {
    }

    #left {
        display:none;
    }

    #main {
        margin:0 0 0 0;
        padding:0 0 0 0;
        min-height:30em;
        border-left:0;
    }

    #breadcrumb {
        display:none;
    }

    #content {
        margin-top:1em;
        padding:0 .5em 0 .5em;
    }

    #content h1 {
        font-size:1.1em;
        margin-bottom:0.5em;
    }

    header h2 {
        font-size:1.1em;
        margin-top:1em;
        margin-bottom:0.3em;
    }

    #content h3 {
        font-size:0.9em;
        margin-bottom:0.2em;
    }

    #content h4 {
        font-size:0.8em;
        margin-bottom:0.2em;
    }

    #content p {
        font-size:0.9em;
        line-height:1.3em;
        margin-top:0.5em;
    }

    #content ul {
        list-style-type:circle;
        list-style-image:url(../images/donut8.gif);
    }

    #content ul ul {
        list-style-type:disc;
        list-style-image:url(../images/donut6.gif);
    }
    #content ul li {
        font-size:0.9em;
    }
    #footer {
        font-size:0.7em;
        text-align:center;
        background-color:#faf795;
        margin-top:2em;
        margin-bottom:0;
        padding-top:0.2em;
        padding-bottom:0;
        border-top:1px solid #e0e0e0;
        border-bottom:1px solid #e0e0e0;
    }

    .clearfloat {
        clear:both;
        font-size:1px;
        height:0;
        line-height:0px;
    }

    /* Mini text */
    #mini {
        font-size:0.7em;
    }

    /* Vertical top align table contents */
    table.contenttable {
        vertical-align:top;
        margin:0;
        padding:0;
        border:0;
    }
    table.contenttable td {
        margin:0;
        padding:0;
        border:0;
        vertical-align:top;
    }

    /* new fluid styled content formatting */
    figcaption.image-caption {
        font-size:.8em;
    }
    figure {
        display:table;
        margin:0px;
        width:100%;
    }
    figcaption {
        display:table-caption;
        caption-side:bottom;
    }
    .ce-textpic.ce-left.ce-intext .ce-gallery {
        float:left;
        margin-right:9px;
    }
    .ce-textpic.ce-right.ce-intext .ce-gallery {
        float:right;
        margin-left:9px;
    }
    .ce-gallery {
        margin-bottom:10px;
        overflow:hidden;
    }
    .ce-gallery .ce-column {
        float:left;
        margin-right:10px;
        margin-bottom:5px;
    }
    .ce-column {
        width:45vw;
    }
    .ce-column:nth-child(3) {
        clear:both;
    }
    .ce-row {
        clear:both;
    }
    .ce-border img {
        border:1px solid #666;
        width:100% !important;
        height:auto !important;
    }
     img {
        width:100%;
        height:auto;
    }
    header {
    }
    div.frame {
    }

    /* Mailform */
    .formu ol li {
        vertical-align:middle;
        width:550px;
    }
    #labeldiv {
        width:160px;
        float:left;
        margin-top:0.4em;
    }
    #labeldiv label {
        font-size:0.9em;
    }
    table.csc-uploads-2 img {
        border:1px solid #666;
    }
    fieldset.form-group legend {
    font-weight:bold;
    }
    button.btn {
    	padding:10px;
    	font-weight:bold;
	color:#000;
    }
    .tx-powermail h3 {
        display:none;
    }
    .tx-powermail fieldset {
        border:0px;
        padding:0px;
    }
    .tx-powermail legend.powermail_legend {
        display:none;
    }
    .powermail_fieldwrap {
        clear:left;
    }
    .form-group {
    clear:left;
    }
    .powermail_fieldwrap label {
        float:left;
        width:160px;
        margin-top:.4em;
        font-size:14px;
    }
    .form-group label {
        float:left;
        width:160px;
        margin-top:.4em;
        font-size:14px;
    }
    .powermail_field input[type=text] {
        background-color:#fcffef;
        border:1px inset;
        margin-bottom:0.4em;
        margin-top:0.4em;
        height:1.5em;
        width:330px;
    }
    .form-group div.input input[type=text] {
        background-color:#fcffef;
        border:1px inset;
        margin-bottom:0.4em;
        margin-top:0.4em;
        height:1.5em;
        width:330px;
    }
    .powermail_field input[type=email]  {
            background-color:#fcffef;
            border:1px inset;
            margin-bottom:0.4em;
            margin-top:0.4em;
            height:1.5em;
            width:330px;
    }
    .form-group div.input input[type=email]  {
            background-color:#fcffef;
            border:1px inset;
            margin-bottom:0.4em;
            margin-top:0.4em;
            height:1.5em;
            width:330px;
    }
    .form-group div.input input[type=file]  {
            background-color:#fcffef;
            border:1px inset;
            margin-bottom:0.4em;
            margin-top:0.4em;
            height:1.5em;
            width:330px;
            position:relative !important;
    }

    #c6 div.ce-column:last-child {
        display:block;
    }

.burger-menu {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1000;
  display:block;
}

/* Optional: Make sure the menu content does not cover the burger when closed */

.burger-content ul {
    background-color: #faf795;
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
    padding-top: 1rem;
    padding-left: 2rem;
    padding-bottom: 1rem;
}
.burger-content ul.submenu {
    padding-top:0;
}
.burger-content ul a {
    color:#000000;
}
.burger-content ul.mainmenu>li>a {
    font-weight:bold;
}


.burger-icon {
  display: inline-block;
  width: 30px;
  height: 24px;
  position: relative; /* Or absolute if needed */
  cursor: pointer;
  z-index: 1100; /* Higher than menu */
}
.burger-icon .bar {
  display: block;
  width: 100%;
  height: 4px;
  background: #333;
  border-radius: 2px;
  position: absolute;
  left: 0;
  transition: 0.3s all;
}
.burger-icon .top    { top: 0; }
.burger-icon .middle { top: 10px; }
.burger-icon .bottom { top: 20px; }

.burger-toggle {
  display: none;
}

/* Transform burger into X when checked */
.burger-toggle:checked + .burger-icon .top {
  transform: translateY(10px) rotate(45deg);
}
.burger-toggle:checked + .burger-icon .middle {
  opacity: 0;
}
.burger-toggle:checked + .burger-icon .bottom {
  transform: translateY(-10px) rotate(-45deg);
}

.burger-content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: fit-content;
  max-height: 100vh;
  overflow-y: auto;
  display: none;
  z-index: 1000;
  background: #fff;
  margin-top: 4.5rem; /* Leave space for the icon when menu is open */
  font-size:120%;
}

/* Show menu when checked */
.burger-toggle:checked ~ .burger-content {
  display: block;
}

body.noscroll {
  overflow: hidden;
  height: 100vh;
}
#map {
    height: 22rem;
    width: 100%;
}

}