@media all and (max-width: 1200px) {
    #wrap {
        width:100%;
    }
    .image img {
        max-width:100%;
        height:auto;
    }
    .company img {
        max-width:90%;
        height:auto;
    }
    .doings .u_3 {
        width:25%;
        margin:0;
    }
    .doings {
        top: -200px;
    }
    .impressum h2 {
        margin-bottom:20px;
    }
    .impressum {
        max-width:100%;
        word-wrap:break-word;
    }

}

@media all and (max-width: 1080px) {
    .doings {
        top: -180px;
    }
}

@media all and (max-width: 930px) {
    .doings {
        top: -150px;
    }
    .doings h2 {
        font-size:1.2em;
    }
    .doings .icon img {
        max-height:77px;
    }
}

@media all and (max-width: 890px) {
    .doings .u_3 {
        margin:0;
    }
    .doings {
        top: -150px;
    }

    .kontakt {
        height:auto;
    }
    .kontakt .left {
        float:none;
        margin: 0 auto;
        padding:30px 50px;
        text-align:center;
    }
    .kontakt .right {
        float:none;
        margin: 0 auto;
        text-align:center;
    }
    .kontakt .right img {
        width:100%;
        height:100%;
    }
    .slogan h1 {
        font-size:3.5em;
    }
    .slogan h2 {
        font-size:1.0em;
    }
}

@media all and (max-width: 768px) {



    .doings h2 {
        font-size:1.1em;
    }
    .doings .icon img {
        max-height:66px;
    }
    .doings {
        top: -130px;
    }
}

@media all and (max-width: 705px) {
    .logo {
        margin-right:10%;
    }
    .address {
        width:auto;
    }
    .address .left {
        margin:0;
        float:none;
    }
    .slogan h1 {
        font-size:2.5em;
    }
}


@media all and (max-width: 640px) {

    .outer-image {
        background: url('../img/taucher-clean.jpg') no-repeat center center;
        background-size: cover;
        padding-top: 10vh;
    }

    .image img {
        display: none; /* Hide original image */
    }

    .slogan {
        background: rgba(255, 255, 255, .9);
        float: right;
        margin-bottom: 40px;
        margin-right: 20px;
        position: static;
    }

    .slogan:after {
        clear: both;
        content: " ";
        display: table;
    }

    .slogan h1,
    .slogan h2 {
        background: none;
    }

    .doings {
        background: rgba(42, 88, 141, .9);
        clear: right;
        margin-bottom: 0;
        margin-top: 0;
        padding-top: 20px;
        position: static;
    }

    .doings .u_3 {
        margin-bottom: 20px;
        width: 50%;
    }

    .doings .icon img {
        max-height:44px;
    }
    .doings h2 {
        margin-top: 10px;
    }
    .logo {
        margin-right:0;
    }
    .impressum h1 {
        font-size:2.5em;
    }
}


@media all and (max-width: 540px) {


    .logo {
        float:none;
    }
    .logo img {
        max-width:90%;
    }
    .address {
        float:none;
    }
    .slogan h1 {
        font-size:1.5em;
    }
    .doings {
        top: -90px;
    }
}

@media all and (max-width: 540px) {
    .doings .icon img {
        max-height:30px;
    }
}

@media all and (max-width: 360px) {

    .slogan {
        float: none;
        margin-left: 20px;
    }

}

@media all and (max-width: 340px) {


    .doings h2 {
        margin:0;
    }
}