.promo-section {
      position: relative;
      width: 100%;
      overflow: hidden;
    }
    .promo-video {
      width: 100%;
      height: auto;
    }
    .promo-content {
      position: absolute;
      color: #fff;
      padding: 20px;
    }
    .promo-content h1 {
      font-size: 2.5em;
      margin: 0;
      font-weight: 500;
      font-family: "Playfair Display", Sans-serif;
      color: white;
      position: relative;
      overflow: hidden;
      white-space: nowrap;
    }
    .promo-content h1 span {
      display: inline-block;
      animation: pageTurn 2s forwards;
      transform-origin: 0 100%;
    }
    .promo-content h1 span:nth-child(1) {
      animation-delay: 0s;
    }
    .promo-content h1 span:nth-child(2) {
      animation-delay: 1s;
    }
    .promo-content p {
      font-size: 1.2em;
      line-height: 24px;
      margin-top: 1.5em;
    }
    .promo-content a {
      display: inline-block;
      margin-top: 15px;
      color: #fff;
    }

    .razzi-button--underlined:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      border-bottom: 1px solid;
      transform-origin: left center;
      transition: all .2s ease-in-out;
      transition-property: transform;
    }

    .razzi-button--underlined {
      font-weight: 500;
      font-size: 16px;
      line-height: 1.4375;
      background-color: transparent;
      color: white;
      padding: 0px;
      display: inline-block;
      position: relative;
    }
    @media (min-width: 769px) {
      .promo-content {
        top: 50%;
        left: 5%;
        transform: translateY(-50%);
      }
    }
    @media (max-width: 768px) {
      .promo-content {
        bottom: 0%;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        width: 100%;
      }
      .promo-content h1 {
        font-size: 1.6em;
        font-weight: 500;
        font-family: "Playfair Display", Sans-serif;
      }
      .promo-content p {
        font-size: 1em;
        margin-top: 10px;
        margin-bottom: 10px;
		display:none !important;
      }
    }
    @keyframes pageTurn {
      0% { transform: rotateX(90deg); opacity: 0; }
      50% { transform: rotateX(0deg); opacity: 1; }
      100% { transform: rotateX(0deg); opacity: 1; }
    }

img.promo-image {
    width: 100%;
    height: auto;
    object-fit: cover;
	display: block;}
}