@media all and (max-width: 1200px) {
    #container {
        width:100%;
    }
    .grid {
        width:100%;
        padding:0;
    }
    #content {
        width:100%;
        margin:0;
    }
    .col-6{
        width:100%;
    }
    .col-4 {
        width:33.3333%;
        margin:0;
    }
    .col-3 {
        clear:both;
        width:auto;
        float:none;
        text-align:center;
        margin:0;
        margin-bottom:10px;
    }
    .single-page .col-8 {
        width:92%;
        margin:0 4%;
    }
    .p-2 {
        margin-left:0;
    }
    .article {
        padding-top:30px;
        padding-bottom:30px;
    }
    .article p, .article h1, .article h2 {
        padding:0px 30px;
    }
    .article.last p {
        word-wrap:break-word;
    }
    .contact-header {
        float:left;
        margin-left:10%;
    }
    #logo {
        padding-left:30px;
    }
    #services, #jobs, #contact {
        padding: 80px 30px 40px 30px;
        box-sizing: border-box;
    }

    #contact {
        padding-top: 40px;
    }

    .doings {
        padding-top:35px;
        padding-bottom:60px;
    }
    .contact-box {
        font-size:1em;
        margin-left: 0;
        margin-right: 0;
    }
    .partner-companies {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding:30px;
        width:80%;
    }
    #metalinks .links {
        width:80%;
        margin-bottom:30px;
    }
    #metaLinks .links a {
        padding-right:30px;
    }
    #overlay {
        width: 100%;
    }
}

@media all and (max-width: 1024px) {
    .contact-header {
        margin-left: 0;
    }

    #logo img {
        height: auto;
        width: 260px;
    }

}

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

    .contact-header p {
        margin-left: 25px;
    }

    .slogan .big {
        font-size:2.5em;
    }
    .slogan .small {
        font-size:1.2em;
    }
}

@media all and (max-width: 800px) {
    .doings {
        padding-top: 15px;
        padding-bottom: 40px;
    }
}


@media all and (max-width: 768px) {
    .logo {
        float:none;
    }
    .contact-header {
        clear:both;
        margin-left:0;
        margin-top:10px;
    }
    .contact-header .first {
        padding-left:30px;
        margin-left:0;
        margin-bottom:10px;
    }
    .contact-header .second {
        margin-left:0;
        padding-left:30px;
    }
    .slogan .big {
        font-size:2em;
    }
    .slogan .small {
        font-size:1em;
    }
    .doing {
        padding-top:70px;
        font-size:1em;
    }
    .doing.identifizieren, .doing.sondieren, .doing.bergen {
        background-size:20%;
    }

}

@media all and (max-width: 670px) {
    .doings {
        padding-top: 10px;
        padding-bottom: 30px;
    }
    .doing {
        padding-top:50px;
        font-size:.8em;
    }
}

@media all and (max-width: 580px) {
    .slogan {
        top: 35px;
    }
    .slogan .big {
        font-size:1.5em;
    }
    .slogan .small {
        font-size:.7em;
    }
}

@media all and (max-width: 480px) {
    .doings {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .slogan {
        top: 15px;
        right:15px;
    }
    #logo img {
        width:90%;
        height:auto;
    }
}