@media screen and (max-width: 768px) {
    .mobile-column {
        flex-direction: column;
        align-items: stretch;
    }

    .mobile-column .column:not(.column:last-child) {
        padding-right: 0;
    }

    #navbar {
        display: none;
    }

    #mobile-navbar {
        display: block;
    }

    .box {
        margin-bottom: 5rem;
    }

    .banner-home h1 {
        font-size: 3rem;
    }

    .pad-6 {
        padding: 3rem;
    }

    .hidden-xs {
        display: none;
        visibility: hidden;
    }

    .visible-xs {
        display: block;
        visibility: visible;
    }

    .col-footer {
        text-align: left !important;
    }
}

@media screen and (max-width: 500px) {
    #login {
        border-radius: 0;
    }
}