@media (max-width:800px) {

    
    nav.navbar-light.bg-light {
        width: 100%;
        top: 0;
        padding: 1rem .5rem;
    }

    .header {
        display: none;
    }

    .banner {
        margin-top: 0;
        width: 100%;
        background: var(--color-primary);
        text-align: center;
      }

    .banner figure {
        display: none;
        text-align: center;
    }

    .banner-body {
        width: 100%;
    }

    .contato {
        display: none;
    }

    .navbar-brand {
        display: block;
    }

    footer {
        position: fixed;
        bottom: 0;
        width: 100%;
    }
}