/* //clemencia/css/resposive.css*/
@media (max-width: 768px) {
    header {
        flex-direction: column;
        text-align: center;
    }

    nav ul {
        display: block;
    }

    .top-bar {
        flex-direction: column;
        align-items: center;
    }
}