@media (max-width: 768px) {
    body {
        margin: 0 0 320px 0;
    }
    .flexbox {
        -ms-flex-direction: column;	-webkit-flex-direction: column;	-webkit-box-orient: vertical;	flex-direction: column;
    }
    article {
        padding: 0 0 30px 0;
    }
    footer adress {
        width: 100%;
        text-align: center;
        margin: 0 0 10px 0;
    }
    footer .footer-nav {
        width: 100%;
        text-align: center;
        margin: 0 0 10px 0;
    }
    footer .contact {
        width: 100%;
        text-align: center;
    }
    aside .feed-me {
        text-align: center;
    }
    aside .ili {
        width: 100%;
    }
}

@media (max-width: 672px) {
   
    header .flex-line {
        -ms-flex-direction: column;	-webkit-flex-direction: column;	-webkit-box-orient: vertical;	flex-direction: column;
    }
    
    header .centro > .logo,.numba {
        margin: 0 0 5px 0;
    }
    .numba a {
        text-align: center;
    }
    header {
        padding: 10px 5px;
    }
    
    .nav-line .flex-line {
        -ms-flex-direction: column;	-webkit-flex-direction: column;	-webkit-box-orient: vertical;	flex-direction: column;
    }
    .swapnavbar {
        display: block;
    }
    nav a {
        padding: 10px;
    }
    #mobb {
        display: none;
    }
}