@media screen and (max-width: 1200px) {

    .parallax {
        align-items: flex-start;

    }

    .parallax .parallax-bild {
        max-width: 300px;
    }

    .parallax .parallax-bild-left {
        max-width: 300px;
    }

    .parallax .parallax-text {
        width: 50%;
        transform: translateZ(.1px) scale(0.93);
    }

    .parallax .parallax-text-left {
        width: 50%;
        transform: translateZ(.1px) scale(0.93);
        text-align: right;
    }

    .parallax .parallax-text h3 {
        margin-left: 50px;

    }

    .parallax .parallax-text p {
        margin: 15px 50px;

    }



}

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

    form {
        width: 90%;
    }
}

@media screen and (max-width: 700px) {

    h2 {
        font-size: 1.8em;
        line-height: 1.1em;
    }

    .parallax {
        padding-bottom: 100px;
    }

    .parallax .parallax-text {
        transform: initial;
        width: initial;
    }

    .parallax .parallax-text-left {
        transform: initial;
        width: initial;

    }

    .flexbox-item {
        width: 100%;
    }

    .footer div:last-child {
        margin-left: initial;
        margin-right: initial;
    }

    .footer div h1 {
        display: none;
    }

    .footer-item {
        margin: 0 40px 0 0;
        width: 100%;
    }

    .white-bar {
        margin-bottom: 20px;
    }
}