:root {
  --bright-blue: #009fdf;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.background-image {
  z-index: 1;
  width: 100%;
  height: auto;
  position: absolute;
  inset: 0% auto auto 0%;
}

.screen-content-wrapper {
  z-index: 2;
  position: relative;
}

.header__departure-text__label {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #009fdf;
  border-radius: 10px;
  padding: 15px 20px;
  font-family: open-sans, sans-serif;
  font-weight: 600;
  display: inline-block;
}

.header__departure-text {
  z-index: 1;
  color: #fff;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 40px;
  font-size: 1.5rem;
  line-height: 1.5rem;
  position: static;
  inset: -11px 0 0;
}

.header__departure-text.header__departure-text--portrait {
  margin-bottom: 10px;
  margin-right: 0;
}

.intro-animation {
  z-index: 9999;
  opacity: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.train-times__col {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-right: 1px #000;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.train-times__col.train-times__col--bordered {
  border-right-style: solid;
  border-right-color: #818181;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.header__left-wrapper {
  flex: 0 auto;
  position: static;
  inset: auto auto 15px 45px;
}

.header__left-wrapper.header__left-wrapper--portrait {
  order: 1;
  padding-right: 40px;
  position: absolute;
  inset: 128px 0% auto auto;
}

.current-time {
  text-align: left;
  background-color: #009fdf;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 200px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 40px;
  font-size: .9rem;
  position: absolute;
  inset: 104px auto auto 0%;
}

.current-time.current-time--portrait {
  top: 184px;
}

.train-time__entry__status {
  color: #50b3e6;
  flex: 1;
  align-self: center;
  max-width: 200px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.train-time__entry__status.train-time__entry__status--delayed {
  color: #a11147;
}

.train-time__entry__signal {
  background-color: #50b3e6;
  border-radius: 50%;
  flex: 0 auto;
  align-self: center;
  width: 14px;
  height: 14px;
  margin-left: 20px;
  margin-right: 20px;
  box-shadow: 0 2px 4px #0003;
}

.train-time__entry__signal.train-time__entry__signal--delayed {
  background-color: #a11147;
}

.train-time__entry__destination {
  flex: 1;
  align-self: center;
  min-width: 180px;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 1rem;
  line-height: 1.2rem;
}

.landsacpe-screen-wrapper {
  background-color: #eee;
  width: 960px;
  height: 540px;
  position: relative;
}

.header__middle-wrapper {
  text-align: left;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
  inset: 56px 0 0 300px;
}

.header__middle-wrapper.header__middle-wrapper--portrait {
  order: -1;
  height: auto;
  margin-right: 0;
  padding-left: 40px;
  display: block;
  position: absolute;
  inset: 40px auto auto 0%;
}

.header__walk__wrapper {
  border-top: 1px #fff;
  border-bottom: 2px dashed #fff;
  padding-left: 25px;
  display: inline-flex;
  position: relative;
}

.header__walk__text {
  color: #fff;
  background-color: #fff0;
  font-size: .9rem;
  line-height: 1.4rem;
  position: relative;
  top: 5px;
}

.intro-animation__wrapper {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  text-align: left;
  background-color: #041e42b3;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.header {
  background-color: #15294b00;
  width: 100%;
  height: 121px;
  padding-left: 0;
  display: flex;
  position: relative;
}

.header.header--portrait {
  height: 201px;
  display: block;
}

.header__walk {
  clear: none;
  width: auto;
  margin-bottom: 0;
  display: block;
  position: static;
  left: 49%;
}

.header__walk.header__walk--portrait {
  z-index: 2;
  width: auto;
  margin-bottom: 0;
  margin-left: 20px;
  position: static;
  inset: 20px auto auto 190px;
}

.header__walk__icon {
  float: none;
  clear: none;
  vertical-align: middle;
  width: 15px;
  height: 30px;
  margin-right: 10px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.intro-animation__animation {
  background-color: #041e42;
  border: 3px solid #11d687;
  border-radius: 50%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 300px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 5px #0003;
}

.current-time__entry {
  color: #fff;
  margin-bottom: 0;
  font-family: open-sans, sans-serif;
  font-weight: 600;
  position: static;
}

.train-times {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #eee0;
  border-radius: 0;
  grid-template-rows: auto;
  width: 100%;
  height: 359px;
  padding: 15px 20px 45px;
}

.train-time__entry__time {
  flex: 1;
  align-self: center;
  max-width: none;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 1rem;
  line-height: 1.2rem;
}

.train-time__entry {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 0;
  padding: 15px 20px;
  display: flex;
  box-shadow: 0 2px 10px #0003;
}

.intro-animatrion__animation__element {
  width: 60%;
  max-width: none;
}

.portrait-screen-wrapper {
  background-color: #eee;
  width: 540px;
  height: 960px;
  position: relative;
  overflow: hidden;
}

.train-times-portrait {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 0;
  grid-template-rows: auto;
  height: 709px;
  margin-top: 20px;
  padding: 20px;
}

.portrait-video {
  background-image: url('../images/Wimbledon-Screen-mockup-1.jpg');
  background-position: 0 0;
  background-size: contain;
  width: 540px;
  height: 960px;
  position: relative;
}

.portrait-video__player {
  z-index: 9999;
  width: 100%;
  height: 304px;
  position: absolute;
  inset: 198px 0% auto;
}

.portrait-video__player__elem {
  width: 100%;
  height: 100%;
}

.intro-animation__animation__text {
  color: #fff;
  order: -1;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: open-sans, sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.9rem;
}

.header__icons {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-bottom: 0;
  padding-left: 40px;
  display: flex;
}

.header__icons__logo {
  width: 120px;
}

.header__icons__train {
  width: 50px;
}

.header__icons__train.header__icons__train--portrait {
  width: 40px;
}

.header__brand {
  flex: 0 auto;
  justify-content: flex-end;
  padding-right: 40px;
  display: flex;
}

.header__brand.header__brand--portrait {
  position: absolute;
  inset: 40px 0% auto auto;
}

.header__brand__element {
  width: 100px;
}

.header__icons__logo-wrapper {
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.header__meta__entries {
  align-items: center;
  display: flex;
}

.header__meta__entries.header__meta__entries--portrait {
  flex-flow: column;
  align-items: flex-start;
}

.header__meta__title {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 5px;
  padding-left: 20px;
  font-family: open-sans, sans-serif;
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.4rem;
}

.sub-heading {
  color: #041e42;
  text-align: center;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: open-sans, sans-serif;
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.4rem;
}

.sub-heading.sub-heading--portrait {
  text-align: left;
  margin-top: 34px;
  padding-left: 40px;
  display: none;
}

.heading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: open-sans, sans-serif;
  font-size: 2rem;
  line-height: 1.5rem;
}

.disclaimer {
  color: #041e42;
  text-align: center;
  margin-bottom: 0;
  font-family: open-sans, sans-serif;
  font-size: .65rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.christmas-video {
  z-index: 1;
  width: 100vw;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.christmas-card__background {
  z-index: 1;
  object-fit: cover;
  object-position: 50% 100%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.christmas-card__intro {
  z-index: 3;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow-x: hidden;
}

.christmas-card {
  z-index: 3;
  background-color: #04053b;
  width: 100%;
  height: 100vh;
  position: relative;
}

.christmas-card__snow__animation {
  z-index: 2;
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.christmas-card__snow {
  z-index: 2;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.christmas-card__intro__image {
  border-radius: 20px;
  box-shadow: 0 2px 10px 14px #00000052;
}

.christmas-card__intro__create-cta__text {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  color: #00968c;
  text-align: center;
  background-color: #ffffffb5;
  background-image: linear-gradient(0deg, #dbdbdb, #fff);
  border: 5px solid #ba0845;
  border-radius: 20px;
  padding: 20px 40px;
  font-family: futura-pt-bold, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.5rem;
  text-decoration: none;
  box-shadow: 0 2px 14px 4px #0003;
}

.christmas-overlays {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.christmas-overlays__name__heading {
  color: #cd0000;
  text-wrap: balance;
  max-width: 800px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: futura-pt-bold, sans-serif;
  font-size: 2.6rem;
  line-height: 3.1rem;
}

.christmas-overlays__name {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
}

.christmas-overlays__ending {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
}

.christmas-overlays__ending__heading {
  color: #fff;
  text-align: center;
  text-wrap: balance;
  max-width: 600px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: futura-pt, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
}

.christmas-overlays__ending__sub-heading {
  color: #fff;
  text-align: center;
  text-wrap: balance;
  max-width: 900px;
  margin-bottom: 60px;
  font-family: futura-pt-bold, sans-serif;
  font-size: 2rem;
  line-height: 2.5rem;
}

.christmas-overlays__ending__link {
  color: #070520;
  background-color: #fff;
  border-radius: 20px;
  padding: 20px 30px;
  font-family: open-sans, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-decoration: none;
  box-shadow: 0 2px 12px 9px #00000069;
}

.christmas-overlays__ending__disclaimer {
  color: #fff;
  margin-top: 15px;
  margin-bottom: 0;
  font-family: open-sans, sans-serif;
  font-size: .9rem;
  line-height: 1.4rem;
}

.christmas-card__intro__create-cta {
  z-index: 2;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
}

.christmas-card__intro__content {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.christmas-card__intro__content__logo {
  z-index: 5;
  width: 140px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  position: static;
  inset: 10px 0 auto;
}

.christmas-card__intro__content__heading {
  color: #fff;
  margin-top: 0;
  font-family: futura-pt-bold, sans-serif;
  font-size: 2.5rem;
  line-height: 3rem;
}

.christmas-card__intro__content__para {
  color: #fff;
  text-wrap: balance;
  max-width: 400px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-family: open-sans, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.christmas-card__intro__content__cta {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: static;
}

.christmas-card__intro__content__cta__wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  color: #00968c;
  text-align: center;
  background-color: #ffffffb5;
  background-image: linear-gradient(0deg, #dbdbdb, #fff);
  border: 5px solid #ba0845;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 20px 40px;
  font-family: futura-pt-bold, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.5rem;
  text-decoration: none;
  display: flex;
  box-shadow: 0 2px 14px 4px #0003;
}

.christmas-card__intro__content__disclaimer {
  color: #fff;
  text-wrap: balance;
  margin-top: 15px;
  margin-bottom: 0;
  font-family: open-sans, sans-serif;
  font-size: .9rem;
  line-height: 1.5rem;
}

.christmas-card__intro__content__cta__icon {
  width: 100px;
  box-shadow: 0 2px 5px #0003;
}

.christmas-card__create-form {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  text-align: left;
  background-color: #020646b5;
  border: 2px solid #fff;
  border-radius: 20px;
  max-width: 900px;
  margin-top: 0;
  padding: 30px 35px;
}

.christmas-card__create-form__heading {
  color: #fff;
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: futura-pt-bold, sans-serif;
  font-size: 2rem;
  line-height: 2.5rem;
}

.christmas-card__create-form__para {
  color: #fff;
  text-wrap: balance;
  margin-bottom: 20px;
  font-family: open-sans, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.christmas-card__create-form__label {
  color: #fff;
  flex: 1;
  font-family: open-sans, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.christmas-card__create-form__label__field {
  border-radius: 10px;
  min-height: 50px;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: open-sans, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  box-shadow: 0 2px 5px #0003;
}

.christmas-card__create-form__label-container__count {
  color: #fff;
  font-family: open-sans, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.christmas-card-wrapper {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.christmas-card__create-form__submit {
  color: #00053e;
  text-transform: uppercase;
  background-color: #fff;
  border: 3px solid #ba0845;
  border-radius: 10px;
  min-width: 200px;
  padding: 15px 40px;
  font-family: open-sans, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
}

.christmas-card__intro__content__wrapper {
  flex: 1;
  transform: translate(0);
}

.christmas-card__intro__content__container {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
}

.form-block {
  height: 100%;
  margin-bottom: 0;
  position: relative;
}

.christmas-card__intro__content__form-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  display: flex;
  transform: translate(-100vw);
}

.body-christmas-card {
  overflow: hidden;
}

.christmas-card__create-form__fields {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.christmas-card__create-form__fields__field, .div-block-3 {
  flex: 1;
}

.christmas-card__create-form__label-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.christmas-card__create-form__fields-copy {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.christmas-card__intro-card {
  z-index: 3;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow-x: hidden;
}

.christmas-card__create-form__terms-and-conditions {
  margin-bottom: 20px;
}

.christmas-card__create-form__terms-and-conditions__intro {
  color: #fff;
  font-family: open-sans, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
}

.paragraph-2 {
  font-size: .9rem;
}

.christmas-card__create-form__terms-and-conditions__text, .christmas-card__create-form__terms-and-conditions__checkbox__label {
  color: #fff;
  font-family: open-sans, sans-serif;
  font-size: .9rem;
  line-height: 1.4rem;
}

.christmas-card__create-form__actions {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-top: 1px solid #fff;
  align-items: center;
  padding-top: 10px;
  display: flex;
}

.christmas-card__create-form__actions__captcha {
  flex: 1;
}

.christmas-card__form__loader {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(-100vw);
}

.christmas-card__form__loader__animation {
  width: 400px;
}

.christmas-card__form__loader__wrapper {
  position: relative;
}

.christmas-card__form__loader__text {
  color: #fff;
  font-family: futura-pt, sans-serif;
  font-size: 2rem;
  line-height: 2.5rem;
  position: absolute;
  inset: auto 0 50px 0%;
}

@media screen and (max-width: 991px) {
  .christmas-card__snow__animation {
    aspect-ratio: auto;
    object-fit: cover;
    object-position: 50% 100%;
    width: 100%;
    top: -100px;
    transform: scale(1.3);
  }

  .christmas-card__snow {
    height: 100%;
  }

  .christmas-card__intro__image {
    max-width: 600px;
  }

  .christmas-card__intro__create-cta__text {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .christmas-overlays__name__heading {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .christmas-overlays__ending__disclaimer {
    font-size: .9rem;
    line-height: 1.4rem;
  }

  .christmas-card__intro__content__logo {
    width: 120px;
    position: absolute;
  }

  .christmas-card__create-form {
    padding: 20px;
  }

  .christmas-card__intro__content__form-wrapper {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .christmas-card__intro {
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .christmas-card__snow {
    height: 50%;
  }

  .christmas-card__intro__image {
    max-width: 460px;
  }

  .christmas-card__intro__create-cta__text {
    border-width: 3px;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 1.1rem;
    line-height: 1.3rem;
  }

  .christmas-overlays__name__heading {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .christmas-overlays__ending__heading {
    font-size: 1.2rem;
    line-height: 1.7rem;
  }

  .christmas-overlays__ending__sub-heading {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .christmas-overlays__ending__disclaimer {
    font-size: .9rem;
    line-height: 1.4rem;
  }

  .christmas-card__intro__content__logo {
    left: 0;
  }

  .christmas-card__intro__content__cta__label {
    font-size: 1.7rem;
    line-height: 2.2rem;
  }

  .christmas-card__create-form__heading {
    margin-bottom: 10px;
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .christmas-card__create-form__para {
    font-size: .9rem;
  }

  .christmas-card__create-form__label, .christmas-card__create-form__label-container__count {
    font-size: .9rem;
    line-height: 1.4rem;
  }

  .christmas-card__intro__content__form-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .christmas-card__intro-card {
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 479px) {
  .christmas-card__intro {
    flex-flow: column;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .christmas-card__intro__image {
    max-width: 100%;
  }

  .christmas-card__intro__create-cta__text {
    border-width: 3px;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: .9rem;
    line-height: 1.2rem;
  }

  .christmas-overlays__name__heading {
    font-size: 1.3rem;
    line-height: 1.8rem;
  }

  .christmas-overlays__ending__heading {
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .christmas-overlays__ending__sub-heading {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .christmas-overlays__ending__disclaimer {
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .christmas-card__intro__content__logo {
    width: 90px;
    top: 0;
    left: -5px;
  }

  .christmas-card__intro__content__heading {
    font-size: 1.8rem;
    line-height: 2.3rem;
  }

  .christmas-card__intro__content__para {
    font-size: .9rem;
    line-height: 1.4rem;
  }

  .christmas-card__intro__content__cta__wrapper {
    border-width: 3px;
    flex-flow: column;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .christmas-card__intro__content__disclaimer {
    font-size: .8rem;
    line-height: 1.4rem;
  }

  .christmas-card__intro__content__cta__label {
    font-size: 1.4rem;
    line-height: 1.9rem;
  }

  .christmas-card__create-form {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #0000;
    border-style: none;
    padding: 0;
  }

  .christmas-card__create-form__heading {
    margin-bottom: 10px;
    font-size: 1.3rem;
    line-height: 1.8rem;
  }

  .christmas-card__create-form__para {
    margin-bottom: 20px;
    font-size: .9rem;
    line-height: 1.4rem;
  }

  .christmas-card__create-form__label {
    font-size: .9rem;
    line-height: 1.4rem;
  }

  .christmas-card__create-form__label-container__count {
    font-size: .8rem;
    line-height: 1.3rem;
  }

  .christmas-card__intro__content__wrapper {
    margin-top: 80px;
  }

  .christmas-card__intro__content__container {
    display: block;
  }

  .body-christmas-card {
    overflow: visible;
  }

  .christmas-card__create-form__fields {
    display: block;
  }

  .christmas-card__create-form__label-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .christmas-card__create-form__fields-copy {
    display: block;
  }

  .christmas-card__intro-card {
    flex-flow: column;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .christmas-card__create-form__actions {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    align-items: flex-start;
  }

  .christmas-card__form__loader__animation {
    width: 300px;
  }

  .christmas-card__form__loader__text {
    font-size: 1.5rem;
    line-height: 2rem;
    bottom: 20px;
  }
}

#w-node-_084c0205-c7ee-32ef-6fed-f6abf74bb0a3-fe4ca840 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_084c0205-c7ee-32ef-6fed-f6abf74bb0ad-fe4ca840 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_589c4893-9c01-12b8-2af0-0db3dd981552-fe4ca840 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_589c4893-9c01-12b8-2af0-0db3dd98155c-fe4ca840 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_74c3a1ed-518f-c23e-529c-a8c388ea6547-fe4ca840 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_74c3a1ed-518f-c23e-529c-a8c388ea6579-fe4ca840 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_8fc8dc5d-7014-607f-6ae4-a72fd256cea5-fe4ca840 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_8fc8dc5d-7014-607f-6ae4-a72fd256ced7-fe4ca840 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}