body.homepage.trial-landing #header {
  height: 13em;
}

body.homepage.trial-landing #logo img {
  width: 480px;
  max-width: 100%;
}

body.homepage.trial-landing #banner-wrapper {
  background: #0d518c url(../images/trialheaderbg.jpg) no-repeat center top;
  padding: 2.8em 0 3em;
}

body.homepage.trial-landing #banner {
  color: #fff;
  font-size: 1.2em;
  line-height: 1.3;
}

body.homepage.trial-landing #banner h2 {
  margin: 0 0 0.8em;
  font-size: 2em;
  line-height: 1.25;
  color: #fff;
}

body.homepage.trial-landing #banner .lead {
  font-size: 1.4em;
  line-height: 1.3;
  margin-bottom: 0.5em;
}

body.homepage.trial-landing #banner .tick-list li {
  position: relative;
  margin: 0.7em 0;
  padding-left: 1.8em;
}

body.homepage.trial-landing #banner .tick-list.white li:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 26px;
  background: url(../images/whitetick.png) no-repeat center;
  background-size: contain;
}

body.homepage.trial-landing .wrapper-featured2 {
  background-color: #f4f4f4;
}

body.homepage.trial-landing .section {
  padding: 4em 0;
  font-size: 1.2em;
  line-height: 1.3;
}

body.homepage.trial-landing #banner .trial-form {
  background: #fff;
  padding: 2em;
  color: #484848;
}

body.homepage.trial-landing #banner .trial-form h3 {
  margin: 0 0 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.02;
  color: #007ACC;
}

@media (min-width: 1000px) and (hover: hover) and (pointer: fine) {
  body.homepage.trial-landing #header-wrapper [class~="5grid-layout"],
  body.homepage.trial-landing #banner-wrapper [class~="5grid-layout"],
  body.homepage.trial-landing .wrapper-style1 [class~="5grid-layout"],
  body.homepage.trial-landing .wrapper-featured2 [class~="5grid-layout"],
  body.homepage.trial-landing #footer-wrapper [class~="5grid-layout"] {
    width: min(calc(100% - 1.5rem), 70rem) !important;
    max-width: 70rem;
    margin: 0 auto;
  }

  body.homepage.trial-landing #banner .row:after {
    content: '';
    display: block;
    clear: both;
  }

  body.homepage.trial-landing #banner .row > [class~="6u"] {
    float: left;
    width: 54%;
    margin: 0;
    box-sizing: border-box;
  }

  body.homepage.trial-landing #banner .row > [class~="5u"] {
    float: right;
    width: 36%;
    margin: 0;
    box-sizing: border-box;
  }

  body.homepage.trial-landing #banner .row > [class~="6u"] > section,
  body.homepage.trial-landing #banner .row > [class~="5u"] > section {
    width: 100%;
  }

  body.homepage.trial-landing #banner .trial-panel,
  body.homepage.trial-landing #banner .trial-form {
    min-height: 34rem;
  }

  body.homepage.trial-landing #banner .field-wrapper input,
  body.homepage.trial-landing #banner .field-wrapper select {
    width: 260px;
    max-width: 100%;
    display: block;
  }

  body.homepage.trial-landing #banner .trial-form .button {
    width: 260px;
    max-width: 100%;
    margin: 0 auto;
  }
}

@media (max-width: 999px) {
  body.homepage.trial-landing #banner-wrapper {
    padding: 1.5em 0 2em;
  }

  body.homepage.trial-landing #banner .row > [class~="6u"],
  body.homepage.trial-landing #banner .row > [class~="5u"] {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
  }

  body.homepage.trial-landing #banner .trial-form {
    margin-top: 1.5em;
    padding: 1.5em;
  }

  body.homepage.trial-landing #logo img {
    width: 300px;
    max-width: 90%;
  }
}