@font-face {
    font-family: 'SpaceGrotesk';
    src: url('/storage/fonts/SpaceGrotesk.woff2') format('woff2');
    font-display: swap;
  }
  * {
      font-family: "SpaceGrotesk", sans-serif;
    }

    dialog::backdrop {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.8);
      }

      @media screen and (max-width: 1140px) {
        #sous-titre {
            display: none;
        }
    }
    
    @media screen and (max-width: 1029px) {
        #right-nav {
            display: none;
        }
        #logo-link{
            margin:auto;
        }
        #right-nav-ul{
            display: block;
        }
        #header-content{
            display: block;
        }
        .right-nav-li{
            margin-left: 0px !important;
        }
        #header-title{
            padding-right: 8px;
            margin: auto;
        }
        #openBtn{
            display: block !important;
        }
        #text-1{
            font-size: 50px !important;
        }
        #text-2{
            font-size: 28px !important;
        }
        #img-header{
            padding-bottom:5px;
        }
    }
    @media screen and (min-width: 1030px) {
        #nav-phone {
            display: none !important;
        }
    }