@media screen and (max-width: 1600px){
    #header nav, #footer .footer-nav{
        padding: 0 10%;
        box-sizing: border-box;
        width: 100%;
    }
}
@media screen and (max-width: 910px){
    #header nav, #footer .footer-nav{
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }
    #logo, #main{
        padding: 0 20px;
        transform: translateY(40px);
    }
    #main{
        overflow: hidden;
    }
    .visual{
        text-align: center;
        margin: 30px 0;
    }
    .imprint #logo, .imprint #main, 
    .data-policy #logo, .data-policy #logo{
        transform: translateY(0px);
    }
}
@media screen and (max-width: 480px){
    html{
        font-size: 14px;
    }
    #header nav ul, #footer .footer-nav ul{
        display: block;
        padding: 0;
    }
    #header nav ul li, #footer .footer-nav ul li{
        text-align: center;
    }
    .content p, .content h1, .content ul{
        width: 100%;
    }
}