@media only screen and (max-width: 1047px){
  .nav-bar{
    flex-direction: column;
  }
}

  .name-home-res{
    content-visibility: hidden;
  }

@media only screen and (max-width: 880px){
  .name-home-res{
    content-visibility:visible;
  }
  .name-res{
    content-visibility: hidden;
    visibility: hidden;
  }
  .pizza{
    transform:rotate(50deg);
   }
  .r-pizza-resp{
    transition: transform .8s ease-in-out;
  }
  .nav-bar{
    flex-direction: column;
    transition: all 0.6s ease-out;
  }
  .h-nav-resp{
    height: auto;
  }
  .nav-links{
    display:flex;
    flex-direction: column;
    align-items: center;
    margin: 5px;
  }
  .nav-links-res{
    content-visibility: hidden;
  }
}