@media all and (max-width: 1200px) {
    #container {
        width:100%;
    }
    .grid {
        width:100%;
        padding:0;
    }
    #content {
        width:100%;
        margin:0;
    }
    .content-area {
        padding-top:80px;

    }
    .col-6{
        width:100%;
    }
    .col-3 {
        width:25%;
        margin:0;
    }

    .col-4 {
        margin-left: 0;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 15px;
        width: 33.3333%;
    }

    #main.col-8,
    .col-8 {
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
        width: 66.66666%;
    }

    .p-2 {
        margin-left:0;
    }
    .article {
        padding-top:30px;
        padding-bottom:30px;
    }
    .article p, .article h1, .article h2 {
        padding:0px 30px;
    }
    .contact-header {
        float:left;
        margin-left:10%;
    }
    #logo {
        padding-left:30px;
    }
    #services, #jobs, #contact {
        padding: 80px 30px 40px 30px;
        box-sizing: border-box;
    }
    .doings {
        padding-top:35px;
        padding-bottom:60px;
    }
    .contact-box {
        font-size:1em;
        margin:0;
        text-align:center;
        float:none;
        width:100%;
    }
    .partner-companies {
        padding:30px;
        width:80%;
    }
    #metalinks .links {
        width:80%;
        margin-bottom:30px;
    }
    #metaLinks .links a {
        padding-right:30px;
    }
    #main {
        margin:0 4%;
        width:92%;
        position:relative;
        margin-bottom:30px;
    }
    #main img {
        width:100%;
        height:auto;
    }
    #main h1 {
        font-size:2em;
        margin-top:50px;
    }
    #main p {
        word-wrap:break-word;
    }

}

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

    /* Services */
    .services-wrapper .col-4 {
        width: 50%;
    }

    .services-wrapper .col-first {
        clear: none;
    }

    .services-wrapper .col-4:nth-child(2n+1) {
        clear: left;
    }

}

@media all and (max-width: 900px) {
    .contact-header .second {
        clear:both;
    }
    .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) {

    #left.col-4,
    #main.col-8 {
        float: none;
        width: 100%;
    }

    .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;
    }


    /* Services */
    .services-wrapper .col-4 {
        float: none;
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
        width: 100%;
    }


    .slogan .big {
        font-size:2em;
    }
    .slogan .small {
        font-size:1em;
    }
    .doing {
        padding-top:70px;
        font-size:1em;
    }
    .doing.identifizieren, .doing.sondieren, .doing.bergen, .doing.bautauchen {
        background-size:20%;
    }
    .col-4 {
        width:auto;
    }
}

@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;
    }
}