.mobilemenu {
          display: flex;
          flex-flow: column;
          list-style-type: none;
          margin: 0;
          padding: 0;
          width: 100%;
          height: 66vh;
          color: var(--film-noir);
          z-index: 9999;
          margin-top: -4ch;
          display: grid;
          grid-template-columns: 1fr;
      }

      .mobilemenu li,
      .mobilemenu ul li a {
        height: 100%;
      }

      .mobilemenu li {
          position: relative;
      }

      .mobilemenu > li {
          /* margin: 0 15px; */
          opacity: 1;
          padding: .75ch 0;
      }

      .mobilemenu > li > a {
          display: flex;
          text-decoration: none;
          color: var(--red);
          font-size: 1.5rem;
          text-transform: lowercase;
          font-weight: 900;
          padding-bottom: .5ch;
      }


      .mobilemenu .mobilesubmenu {
display: flex; flex-flow: column;
          width: 100%;
          /* background-color: var(--menu-white); */
          /* border-top: var(--line-width) solid var(--gray); */
          list-style-type: none;
          margin: 0;
          padding: 0;
          z-index: 9999 ;
      }

      .mobilemenu .mobilesubmenu li {
          padding: .25ch 0;
          display: flex; flex-flow: column;
      }

      .mobilemenu .mobilesubmenu li a {
          display: flex; flex-flow: column;
          text-decoration: none;
          color: var(--black);
          /* padding: 2ch 2ch; */
          border-bottom: 1px solid var(--gray);
          text-transform: lowercase;
            font-size: 1.25rem;
      }

      .mobilemenu li .mobilesubmenu {
          display: flex; flex-flow: column;
      }