.toggle-nav{
    display: none;
}

.menu-container{
    position: static;
    display: flex;
    align-items: center;
    width: 80%;
    height: 100%;
    min-height: auto;
    background: none;
}

.title-menu_container{
    display: none;
}

nav{
    height: 100%;
    display: flex;
}
nav ul{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    font-size: 1rem;
    text-align: center;
}

nav a{
    border: none;
    margin: 0;
    font-size: 1.5rem;
    transition: all 1000ms;
}

nav a:hover{
    color: var(--darkest-primary-color);
    text-decoration:underline;
}

.who-section{
    padding: 0 40px;
}
/* servicio.html styles */

/* styles to make a chess style */
.product-section{
    min-height: 520px;
    margin-right: 10px;
    transition: all 500ms;
}

.product-section:hover{
    transform: scale(1.02);
}


.product-section:nth-of-type(3){
    background: var(--light-1-primary-color);
    
}
/* styles to make font gray in the square 3 */
.product-section:nth-of-type(3) h3{
    color: var(--lightest-secondary-color);
    
}
.product-section:nth-of-type(3) p{
    color: var(--light-1-secondary-color);
}


.product-section:nth-of-type(4){
    background: var(--lightest-secondary-color);
    
}

/* styles to make font blue in the square 4 */
.product-section:nth-of-type(4) h3{
    color: var(--dark-3-primary-color);  
}

.product-section:nth-of-type(4) p{
    color: var(--dark-2-primary-color); 
}

.product-section:nth-of-type(4) span{
    color: var(--dark-1-primary-color);
}



.product-section:nth-of-type(6){
    background: var(--light-1-primary-color);
    
}

.tab{
    width: 90%;
}

.tab::-webkit-scrollbar{
    display: none;
}

.tabcontent{
    width: 90%;
    padding: 4em;
}

.merchandise-section h2{
    margin: 0 5em;
}

.merchandise-section p{
    margin: 0 7em;
    margin-bottom:30px;
}


.merchandise-section section{
    overflow: auto;
    margin: 0 auto;
    margin-bottom:60px;
}
.text{
    text-align:center;
}