#subnav{
  transition: all .5s ease-out;
  opacity: 0;
}
#subnav.activ{
  opacity: 1;
}
#subnav li a{
  font-size: 1.5rem;
}
#subnav li:hover{
  background: var(--color-grey);
  border-radius: 10px;
}
#subnav li:hover a{
  color: var(--color-blue);
}

#burgerNav ~ .subnav{transition: all .5s ease-out;}
  

/********************************************
* ***************  MEDIA QUERIES ************
* ******************************************/
@media (max-width: 575.98px) {  }

@media (max-width: 767.98px) {  }

@media (max-width: 991.98px) { 
  #secondNav ul li{display: block;}
  #burgerNav:not(.activ) ~ .subnav{height: 0px; overflow: hidden;}
}

@media (max-width: 1199.98px) {  }

@media (max-width: 1399.98px) {  }