@import url("home.css");


#header {
    font-family: var(--font-primary);
}

#navbar .navbar-brand img {
    max-width: 115px;
}

#navbar li a {
    font-size: 16px;
    color: #6B6B6B;
}
.navbar-toggler {
    color: var(--color-primary);
    border: 0.5px solid var(--color-secondary);
    font-size: 1.5em;
}

.botao-cta {
    color: var(--color-primary);
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    padding: 7px 25px;
    background-color: var(--color-secondary);
    border-radius: 17px;
}

@media only screen and (min-width:821px) {
    .suma {
        display: none;
    }
}

@media only screen and (max-width:822px) {
    .botao-cta {
        display: none;
    }
    
}


@media only screen and (max-width: 480px) {
    
    #navbar li a {
        font-size: 24px;
        color: var(--color-primary);
        font-weight: 700;
    }

    #navbar .suma {
        font-size: 16px;
        text-decoration: none;
        padding: 0px 25px;
        background-color: var(--color-secondary);
        border-radius: 17px;
    }
}