body,
    html {
      margin: 0;
      padding: 0;
      height: 100%;
      overflow: hidden;
      font-family: League Spartan, sans-serif;
      font-weight: 400;
      font-size: 16px;
      scrollbar-width: 0;
    }

    #secondary-outer-container {
      display: flex;
      height: 100%;
      overflow: hidden;
    }

    #menu-gallery {
      width: 200px;
      border-right: 1px solid #ddd;
      padding: 2px 0 0 10px;
      overflow-y: auto; /* Enables scrolling if menu height exceeds viewport */
    }

    #menu-gallery a {
      display: block;
      margin-bottom: 4px;
      text-decoration: none;
      color: #945100;
    }

    #menu-gallery a:hover {
      color: #c00000;
    }

    #menu-gallery a:active {
      color: #c00000;
    }

    #secondary-inner-container {
      flex: 1;
      overflow: hidden;
    }

    #secondary-inner-iframe {
      width: 100%;
      /* updated DEC 24*/
      /* max-width: 100%;; */
      height: 100%;
      border: none;
    }

    @media screen and (max-width: 640px) {
      #secondary-outer-container {
        flex-direction: column;
      }

      #menu-gallery {
        width: 100%;
        height: auto;
        border-right: none;
        padding: 2px 0 0 10px;
      }

      #menu-gallery a {
        margin-bottom: px;
      }

      #secondary-inner-container {
        overflow-y: hidden;
      }
    }