@media screen and (max-width: 1200px){
    #wrapper, 
    #footer .inside{
        width: 100%;
    }
}
@media screen and (max-width: 767px){
    #wrapper{
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }
    #header{
        margin: 0 -20px;
    }
    #header h1{
        width: 100%;
        text-align: center;
        left: 0;
        bottom: 10px;
    }
    .flex-container .visual{
        flex: 0 1 40%;
        margin: 0 auto;
    }
    .flex-container .content{
        flex: 0 1 100%;
    }
    #footer .flex-container .footer-nav{
        flex: 0 1 100%;
    }
    #footer .flex-container .footer-nav.right{
        text-align: left;
    }
}