@media (max-width: 769px) {

    a#offcanvas-menu {
        border-radius: 8px;
        display: block;
        height: 40px;
        right: 20px;
        padding-top: 5px;
        position: absolute;
        top: 20px;
        width: 30px;
    }

    a#offcanvas-menu span.bar {
        background-color: #fff;
        border-radius: 3px;
        display: block;
        float: left;
        height: 2px;
        margin-left: 20%;
        margin-top: 6px;
        width: 25px;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }

    #offcanvas-menu.toggled span:first-child {
        transform: translateY(8px) rotate(45deg);
    }

    #offcanvas-menu.toggled span {
        transform-origin: center center 0;
    }

    #offcanvas-menu.toggled span:nth-child(2) {
        opacity: 0;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    #offcanvas-menu.toggled span:last-child {
        transform: translateY(-8px) rotate(-45deg);
    }

    header nav ul {
        display: none;
    }
    header.collapsed nav .contact {
        padding-top: 0;
    }
    header.collapsed a#mini-logo {
        right: 50px;
    }

    img.fr-dii.fr-fir,
    img.fr-dii.fr-fil {
        width: 100% !important;
        margin: 20px 0 20px 0;
        float: none;
    }
    header nav .contact {
        display: none;
        padding-top: 0;
    }
}

@media (max-width: 480px) {

    h1 {
        font-size: 28px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    h2 {
        font-size: 22px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    div.mobile-icons {
        display: flex;
        align-items: flex-end;
        right: 60px;
        position: absolute;
        top: 27px;
    }

    div.mobile-icons a {
        color: white;
        display: block;
        font-size: 24px;
        margin-left: 10px;
    }
    header nav .contact {
        display: none;
    }
    section {
        padding-top: 10px;
    }

    div.full {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    a#logo {
        width: 200px;
        height: 70px;
    }

    div.content {
        width: 100%;
    }

    div.half {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    div.gallery a {

    }

    header div.overlay {
        position: absolute;
        right: 20px !important;
        left: 20px !important;
        width: auto;
        text-align: right;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    }

    header div.overlay h1 {
        font-weight: 300;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
        font-size: 6.5vw !important;
        padding-left: 0;
        padding-right: 0;
    }

    header div.overlay h2 {
        color: white;
        font-weight: 300;
        line-height: 130%;
        font-size: 5vw !important;
        padding-left: 0;
        padding-right: 0;
    }

    header div.overlay img {
        max-width: 100%;
    }

    footer address {
        display: block;
        width: 100%;
    }

    footer ul {
        float: left;
        width: 100%;
    }

    footer ul li {
        float: left;
        text-align: left;
    }

    div.gallery,
    div.gallery_small {
        float: left;
        width: 100%;
        padding-left: 20px;
    }

    div.gallery_small a,
    div.gallery a {
        width: 46%;
        padding: 0;
        margin-right: 3%;
        margin-bottom: 3%;
    }
    
    div.third {
		width: 100%;
		padding: 25px;
	}

    div.quart {
        width: 100%;
        padding: 25px;
    }

    img.contentimage {
        margin: 20px auto;
        float: none !important;
        display: block;
    }

    table {
        max-width: 440px;
    }

    iframe {
        max-width: 428px;
    }

    div.imprint-link {
        width: auto;
        margin-right: 60px;
    }

    .wj-share-buttons-wrap {
        bottom: 50px;
    }

    .wj-share-buttons-wrap {
        display: none;
    }
}