.hide-header {
          opacity: 0;
        }

        .floating-header {
          display: none;
          justify-content: space-evenly;
          position: sticky;
          top: 0;
          background: #2e1a47;
          width: auto;
          max-height: 100%;
          opacity: 1;
        }

        .display-none {
          height: 0px;
          opacity: 0;
        }

        @media (min-width: 1024px) {
          .floating-header {
            display: flex;
          }
        }

        .floating-header__text {
          color: #fff;
          margin-bottom: 0;
          text-align: center;
          border: 0;
          font-size: 14px;
          font-weight: 400;
          border-right: 1px solid;
        }