/*********************
BACKGROUND IMAGE
*********************/
/*set header image for home page to cover entire screen and stay fixed*/
.landing-image {
  object-fit: cover;
  display: flex;
  left: 0;
  top: 0;
  height: 95vh;
  max-height: 95vh;
  position: relative;
  overflow: hidden;
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media print, screen and (min-width: 64.0625em) {
    .landing-image {
      background-attachment: fixed; } }
  @media screen and (min-width: 64.0625em) and (orientation: landscape) {
    .landing-image {
      background-attachment: scroll; } }
  @media screen and (min-width: 75em) {
    .landing-image {
      background-attachment: fixed; } }
.landing-image-mobile {
  height: 90vh;
  max-height: 90vh;
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: cover;
  display: flex;
  left: 0;
  top: 0; }

.landing-image-mobile-half {
  height: 48vh;
  max-height: 48vh;
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: cover;
  display: flex;
  left: 0;
  top: 0;
  position: relative;
  overflow: hidden; }

/*add tinted gradient to whole of background image, but make sure the content blocks are Position:Relative, and have higher z-index*/
.landing-image-mobile::before {
  opacity: 0.8;
  bottom: 0;
  content: "";
  left: 0;
  right: 0;
  position: absolute;
  top: 5px;
  height: 96vh;
  max-height: 96vh; }

  /*add tinted gradient to whole of background image, but make sure the content blocks are Position:Relative, and have higher z-index*/
.landing-image::before {
  opacity: 0.8;
  bottom: 0;
  content: "";
  left: 0;
  right: 0;
  position: absolute;
  top: 1px; }

/* Content position on MOBILE */
.landing-text-mobile {
  display: flex!important;
  flex-direction: column!important;
  justify-content: center!important;
  z-index: 1;
  font-size: 1.5rem; }

.landing-heading-mobile {
  margin-top: 0;
  font-size: 2.5rem; }

.landing-text-background-mobile {
  height: 45vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  justify-content: center; }

/*********************
CONTENT
*********************/
/* Content position on MOBILE */
.landing-layout-mobile {
  z-index: 1;
  padding-top: 3rem;
  padding-bottom: 2rem;
  max-width: 100vw;
  width: 100%; }

/* Content position on DESKTOP */
.landing-layout {
  z-index: 1;
  padding-top: 5rem;
  padding-bottom: 5rem;
  flex: 1 0; }
  @media print, screen and (min-width: 40em) {
    .landing-layout {
      padding: 3rem; } }
/* different options for position of CONTENT on MOBILES */
.landing-mobile-right {
  text-align: right;
  margin-right: auto;
  margin-left: auto;
  align-content: flex-end; }
  .landing-mobile-right .gform_wrapper .gform_footer {
    text-align: right; }

.landing-mobile-center {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  width: 90vw;
  max-width: 90vw;
  justify-content: center; }
  .landing-mobile-center .gform_wrapper .gform_footer {
    margin: 1rem auto 0 auto;
    text-align: center; }

.landing-mobile-left {
  text-align: left;
  margin-left: auto;
  margin-right: auto; }

/* different options for position of CONTENT on DESKTOP */
.landing-right {
  text-align: right;
  margin-right: auto;
  margin-left: auto;
  flex-direction: row-reverse; }
  .landing-right .gform_wrapper .gform_footer {
    text-align: right; }
  @media print, screen and (min-width: 40em) {
    .landing-right {
      margin-left: 20vw;
      padding-right: 3rem; }
      .landing-right .landing-text {
        padding-left: 3rem; } }
  @media print, screen and (min-width: 64.0625em) {
    .landing-right {
      padding-right: 5rem;
      margin-left: 50vw; } }
.landing-center {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  width: 90vw;
  max-width: 90vw;
  justify-content: center; }
  .landing-center .gform_wrapper .gform_footer {
    margin: 1rem auto;
    text-align: center; }
  @media print, screen and (min-width: 40em) {
    .landing-center {
      width: 50vw;
      max-width: 50vw; } }
.landing-left {
  text-align: left;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (min-width: 40em) {
    .landing-left {
      margin-right: 80vw;
      padding-left: 3rem; }
      .landing-left .landing-text {
        padding-right: 3rem; } }
  @media print, screen and (min-width: 64.0625em) {
    .landing-left {
      margin-right: 50vw;
      padding-left: 5rem; } }
/*********************
FORM
*********************/
.sign-up-form .gform_wrapper {
  width: 100% !important; }

  .sign-up-form {
    z-index: 10;
  }

@media print, screen and (min-width: 40em) {
  .sign-up-form {
    max-width: 25rem;
    width: 25rem;
    display: inline-block; } }

img.landing-logo-size {
  display: inline-block; }

/*********************
CONTENT
*********************/

  hr.landing  {
    margin: 0;
    border: solid 1px;
  }