.MenuWrap {
    color: #ebebeb;
    font-family: var (--FontSet2);
    font-size: 1rem;
    display: flex;
  }
  .MenuItem, .LastMenuItem {
    display: flex;
    color:#ebebeb;
    text-decoration: none;  /* removes the classic link underline */
  }

  .GridItemSideBarLeft .MenuWrap {
    align-items: flex-start;  /* changed to align around main axis to the left */	
    flex-direction: column;	/* makes flexbox change the direction */
    width:10vw;
    height:100%
  }

  .GridItemSideBarLeft .MenuItem {
    margin-bottom: 1rem;		/* change to 1rem; to move to the last item to the bottom */
  }
  .GridItemSideBarLeft .LastMenuItem {
    margin-top: auto;		/* change to margin-top; to move to the last item to the bottom */
  }

  .GridItemHeader .MenuWrap {
    flex-direction: row;	/* makes flexbox change the direction */
    align-items: center;

    height: 2.75rem;
    width: 100vw;
  }

  .GridItemHeader .MenuItem {
    margin:unset;
    margin-right: 1rem;		/* changed to move the last item to the far right */
    width: 80px;
  }
  
  .GridItemHeader .LastMenuItem {
    margin:unset;
    margin-left: auto;		/* changed to to move to the last item to the far right */
    width: 80px;
  }

  .GridItemHeader .MenuWrap {
    display:none;
  }
  @media (orientation: landscape){
  
    .GridItemHeader .MenuWrap {
      padding: 10px;
      display: flex;
    }
    .GridItemSideBarLeft .MenuWrap {
      display:none;
    }
    .GridItemHeader span {
      display: none;
    }
  }