/* LANDING PAGE */

html.landing-page {
  background-image: linear-gradient(to bottom right, #050505, #0f0f0f);
  margin: 0;
  padding: 0;
  min-height: 100%;
  height: 100%;
  min-width: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

html.landing-page body {
  height: 100%;
  min-height: 100%;
  width: 100%;
  min-width: 100%;
  margin: 0;
  padding: 0;
  background-image: linear-gradient(to bottom right, #020202, #191919);
}

html.landing-page body .main-hero {
  position: relative;
  margin: 0;
  padding: 0;
  background-image: url("/assets/images/landing_page.jpg");
  /* background-size: contain; */
  background-position: left;
  background-repeat: no-repeat;
  min-height: 100%;
  width: 100%;
  min-width: 100%;
  /* Landscape */
}

html.landing-page body .main-hero.content {
  position: relative;
  margin: 0;
  padding: 0;
  background-image: url("/assets/images/landing_page_content.jpg");
  /* background-size: contain; */
  background-position: left;
  background-repeat: no-repeat;
  min-height: 100%;
  width: 100%;
  min-width: 100%;
  /* Landscape */
}


html.landing-page body .main-hero .button {
  background-color: #050505;
  padding: 15px 8px;
  text-align: center;
  border: 2px solid white;
  border-radius: 3px;
  color: white;
  width: 220px;
  font-size: 18px;
  position: absolute;
  top: calc(50% + 25px);
  left: calc(25% - 135px);
}

@media only screen and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  html.landing-page body .main-hero {
    background-size: cover;
  }

  html.landing-page body .main-hero .button {
    top: 54%;
    left: 28vh;
  }
}


.container {
  position: absolute;
  right: unset;
  bottom: unset;
  left: 8%;
  top: 20%;
}

#FORM_signin input {

}