@media screen and (max-width: 951px){
    
    
    .nav {
        height: 50px;
        display: flex;
        flex-direction: row;
        align-items: center;
        color: var(--cor-title);
        background-color: var(--cor-bg-branco);
        
    
    }
    
    .nav__menu {
        position: fixed;
        top: 50px;
        width: 80%;
        height: 100%;
        right: -100%;
        padding: 2rem;
        background-color: var(--cor-bg-branco);
        transition: 0.5s;
    }
    
    .nav__el {
        margin-bottom: 2.5em;
    }
    
    .nav__link {
        color: var(--cor-title);
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: var(--h3);
        position: relative;
        font-family: var(--font-text);
        
    }
    
    .nav__link:hover,
    .active {
        position: relative;
        color: var(--cor-title);
    }
    
    .nav__link:hover::after,
    .active::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 0.18rem;
        left: 0;
        top: 2rem;
        background-color: white;
    }
    
    .nav__toggle {
        font-size: 2.5rem;
        cursor: pointer;
    }
    
    .show__menu {
        right: 0;
    }
}

@media screen and (min-width: 951px){
    .menu-home{
        display: none;
    }
}