/*estilos del menu de iconos del home*/
section#menu-secondary{
  width: 100%;
  
  
  &:after{
    content: '';
    display: block;
    height: 5vw;
    background-color: #7473730f;
    border-radius: 0 0 50% 50%;
  }
}
nav#ico-menu{
  background-color: #7473730f;
  &::after{
    content: '';
    display: block;
    height: 5vw;
  };
  &::before{
    content: '';
    display: block;
    height: 10vw;
  }
}

nav#ico-menu > ul a{
  font-size: 3.5rem;
  aspect-ratio: 4/3;
  color: aliceblue;
  text-shadow: 1px 1px 5px gray;
  max-width: 300px;
}

@media (min-width:768px) {
  nav#ico-menu > ul a{
    aspect-ratio: unset;
    height: 100%;
  }
}
@media (min-width:1024px) {
  nav#ico-menu > ul a{
    aspect-ratio: 4/3;
    height: auto;
  }
}
nav#ico-menu > ul a img{
  width: 55px;
}

nav#ico-menu > ul a i{
  margin-bottom: .5rem;
}

p.name-i{
  margin-top: .25rem;
  font-size: 1.6rem;
  line-height: 1.2;
}



@media (min-width:768px) {  
  nav#ico-menu > ul a:hover > i{
    transform: scale(1.1) ;
    transition: transform .5s;
  }

  nav#ico-menu > ul a:hover > img{
    transform: scale(1.1) ;
    transition: transform .5s;
  }
}

@media (min-width:1200px) { 
  p.name-i{
    font-size: 1.8rem;
  }
}