header .menu-services{
background-color: var(--primary-color);
background-image: linear-gradient(180deg, var(--primary-color) 23%, var(--secondary-color) 23%, var(--secondary-color) 80%);
}
header .menu-services .menu-services__title{
height: 100%;
flex-basis: 30%;
flex-grow: 1;
padding: 30px 30px 30px 20px;
}
header .menu-services .menu-services__title p{
color: var(--white);
font-size: 2.5rem;
font-weight: bold;
}
header .menu-services .menu-services__links{
flex-basis: 70%;
flex-grow: 1;
background-color: var(--secondary-color);
}
header .menu-services .menu-services__links .nav-menu-services{
height: auto;
display: flex;    
flex-wrap: wrap;
list-style: none;
justify-content: space-evenly;
align-items: center;
}
header .menu-services .menu-services__links .nav-menu-services li{
height: 14rem;
flex-basis: 14rem;
text-align: center;
display: flex;
flex-grow: 1;
justify-content: center;
align-items: center;
}
header .menu-services .menu-services__links .nav-menu-services a{
color: var(--white);
font-size: 1.8rem;
}
@media (min-width:675px){
header .menu-services{
background-image: linear-gradient(to right, var(--primary-color) 30%, var(--secondary-color) 30%);
}
}
@media (min-width:992px){
header .menu-services{
background-image: linear-gradient(to right, var(--primary-color) 30%, var(--secondary-color) 30%);
}
}
@media (min-width:1200px){
header .menu-services{
background-image: linear-gradient(to right, var(--primary-color) 30%, var(--secondary-color) 30%);
}
header .menu-services .menu-services__links .nav-menu-services li{
border:none;
}
}
@media (min-width:1420px){
header .menu-services{
background-image: linear-gradient(to right, var(--primary-color) 33%, var(--secondary-color) 33%);
}
}
@media (min-width:1600px){
header .menu-services{
background-image: linear-gradient(to right, var(--primary-color) 36%, var(--secondary-color) 36%);
}
}
@media (min-width:1980px){
header .menu-services{
background-color: var(--primary-color);
background-image: none;
}
header .menu-services .menu-services__links{
background-color: var(--hover-primary-color);
}    
}