/* pour desktop */
@media screen and (min-width: 720px) {
    .video-mobilefirst {
      display: none;
    }
    .video-desktop{
      display: initial;
      background-size: cover;
      width: 100vw;
    }   

    .header-nav {
        display: block;
    }
    .header-nav img{
      display: none;
  }

    .header-wrapper{
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      height: 4rem;
      z-index: 9999;
      position: fixed;
    }
    .wrapper-menu img {
        display: none;
    }
    .menu-icon div{
      display: none;
    }
    .menu-icon .menu-icon__cheeckbox {
      display: none;
    }

    .nav-li{
        /* list-style: none; */
        padding:10px 1vh;
        margin: 0 0.2em 0 0.2em;
        font-size: .8em;
        display:inline;
    }

    .nav-a {
      font-weight: bold;
      color: hsl(75, 4%, 79%);
      text-decoration: none;
      opacity:0.5;
      transition:opacity .4s;
      -webkit-transition: opacity .5s;
    }
    
    .nav-a:hover,
    .nav-a:focus {
      border :hsla(5, 15%, 5%, 0.049);
      opacity:1;
    }

    .content {
        max-width: 85ch;
    }
    
    .disco {
      min-width: 80%; 
      color : black; 
      display : grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto;
      grid-gap: 10px;
      font-weight: bold;
    }
    
    .footer-menu {
      background-image: none;
    }
    .content {
        max-width: 85ch;
    }
}