@media (max-width:800px) {

    h1 {
        font-size: 3em;
        font-weight: 300;
    }
    
    h2 {
        font-size: 2.441em;
        font-weight: 300;
    }
    
    h3 {
        font-size: 1.953em;
        font-weight: 400;
    }
    
    h4 {
        font-size: 1.563em;
        font-weight: 400;
        letter-spacing: 0.25px;
    }
    
    h5 {
        font-size: 1.25em;
        font-weight: 400;
    }
    
    .navbar {
        width: 100%;
        padding: 1rem .5rem;
        background-color: #FFF;
    }

    .header {
        display: none;
    }

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

    .contato {
        display: none;
    }

    .navbar-brand {
        display: block;
    }

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