@media (max-width: 480px) {
  .e-header:has(.hh-con, .hh-text-short, .ff_content) {
    background-color: transparent;
    background-position: 50% bottom;
    background-size: 130%;
  }
  
  .hh-text-short > * {
    flex: 0 0 90%;
    max-width: 90%;
    text-align: left !important;
  }
  
  .hh-text-short h1 {
    font-size: 1.75rem;
    line-height: 1.2;
  }
}

@media (min-width: 481px, max-width: 767px) {
  .hh-text-short > * {
    flex: 0 0 90%;
    max-width: 90%;
    text-align: left !important;
  }
  
  .hh-text-short h1 {
    font-size: 2rem;
    line-height: 1.2;
  }
}

#body-content-main {
  margin: 2rem 0 0;
}


.intro {
  padding: 1px 0 !important;
  margin: 0;
}

.cms_video .cms-video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
}


.web-con {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 2rem;
}

.web-con h2 {
  font-size: 1.75rem;
}

.web-con h4 {
  line-height: 1.2;
}

.web-con h5 {
  font-size: 1.025rem;
  letter-spacing: 0.025rem;
}

.web-con .webinar-form-con .text h5:first-child {
  margin-top: 0;
}

.web-con .image-con p:has(img) {
  margin: 0;
  width: 100%;
}

.web-con .image-con img {
  aspect-ratio: 16 / 9;
  object-fit: contain;
  object-position: center center;
}
  
@media (max-width: 767px) {
  .web-con {
    display: flex;
    flex-flow: column nowrap;
  }
}

@media (min-width: 768px) {
  .web-con {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto 1fr;
    gap: 0 2rem;
  }
}

@media (max-width: 767px) {
  .web-con .webinar-intro {
    order: 2;
  }

  .web-con .video-con {
    order: 1;
  }
  .web-con .webinar-form-con {
    order: 3;
    padding-bottom: 1rem;
  }
  
  .web-con .library-cta {
    order: 4;
    
    position: relative;
    width: 100%;
    text-align: center;
    background-color: #ebeff2;
  }
}

@media (min-width: 768px) {
  .web-con .webinar-header {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 3;
  }
  
  .web-con .webinar-header *:last-child {
    margin-bottom: 0;
  }
  
  .web-con .webinar-intro {
    grid-row-start: 2;
    grid-row-end: 4;
  }
  
  .web-con .webinar-header *:first-child {
    margin-top: 0;
  }

  .web-con .video-con,
  .web-con .image-con {
    grid-column-start: 2;
    grid-column-end: 3;
  }
  
  .web-con .webinar-form-con {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
  }
  
  .web-con .library-cta {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;

    background-color: #ebeff2;

    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}