@media screen and (max-width: 1200px) {
    .parallax {
        -webkit-filter: blur(0);
    }
}
@media screen and (max-width: 768px) {
    html {

    }
    ul {
        margin: 0;
        padding:0;
    }
    .navigation__button {
        top: 4rem;
        left: 4rem;
    }
    .DJH00 .menu ul li a {
        font-size: 1.2rem;
    }
    .DJH00 .menu ul li a i {
        font-size: 1.8rem;
    }
    .DJH02 .d1 {
        text-align: center;
    }
    .DJH02 .d2 {
        margin-top: 2rem;
    }
    .DJH04 h2 {
        margin-bottom: 4rem;
    }
    .DJH04 .d0 h3 {
        margin-bottom: 2rem;
    }
    .DJH06 .d0 h2 {
        text-align: center;
        padding-top: 10px;
    }
    .DJH06 p {
        padding: 0 0.6rem;
    }
}

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

    .navigation__background {
        top: 4.5rem;
        left: 4.5rem;
    }
    #DJHScroll2Top {
        left: 3rem;
    }
    .DJH00 {
        display: none;
    }
    .DJH06 .d0 h2 {
        text-align: right;
        padding-top: 10px;
    }
    .parallax a {
        margin-bottom: 3rem;
    }

}

@media screen and (max-width: 400px) {
    .parallax h2 {
        font-size: 1.7rem;
    }
    .DJH04 .d0 h3 {
        font-size: 2rem;
    }
}
@media screen and (max-width: 350px) {

    .DJH01 h1 {
        font-size: 4rem;
    }
    .DJH01 h2 {
        font-size: 1.8rem;
    }
    .DJH01 .social ul li a i {
        font-size: 2rem;
        vertical-align: -6px;
    }
    footer p {
        padding: 0 5px;
    }
}