#background-video {
      position: fixed;
      top: 0px !important;
      right: 0 !important;
      width: 100vw !important;
      height: 500vh !important;
      object-fit: cover !important;
      z-index: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      overflow: hidden !important;
      display: block !important;
  }

  #myVideo1,
  #myVideo2 {
      position: relative;
      top: 0;
      right: 0;
      left: 0;
      width: 100% !important;
      height: 100%;
      object-fit: cover !important;
      z-index: 99 !important;
  }

  #title>div>.copy {
      height: 70vh;
  }

  video {
      display: none;
  }

  video.active {
      display: block;
  }

  .post_text {
      margin: 5px 0px 0px 0px;
  }

  @media (max-width: 768px) {
      #background-video {
          width: 100vw !important;
          height: 500vh !important;
      }

      #homepage-video {
          object-fit: contain !important;
      }

      #title>div>.copy {
          height: 30vh;
      }

      body.gallery #social,
      body.listing #social,
      body.content #social {
          margin-bottom: 0;
      }

      .post_text>a>b,
      body .nav-wrapper > .wrapper > .post_text{
          font-size: 10px !important;
      }
      
      body #social .social-icon{
        height: 10px !important;
      }
      
      body #social a{
        line-height: calc(5px + 10px) !important;
      }
  }