@media screen and (max-width: 680px) {
    .hero .container {
        flex-wrap: wrap;
    }
    .hero .text {
        width: 100%;
    }
    footer .widget {
        width: 100%;
    }
}