/**********************
  GENERAL
**********************/

* {
  max-width: 100%;
}

body {
  background: #010428;
  color: white;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
/* font-size: 1.2em to 0.75em ~ 20px to 12px */
  font-size: calc(12px + (20 - 12) * ((100vw - 300px)/(1600 - 300)));
/*  line-height: 1.8em to 1.5em ~ 36px to 18px */
  line-height: calc(18px + (36 - 18) * ((100vw - 300px)/(1600 - 300)));
  text-align: center;
}

.container {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.home-title {
	font-family: Arial;
  font-size: 3.25em;
  font-weight: bold;
	padding-top: 5vh;
  padding-bottom: 1vh;
  text-transform: uppercase;
  line-height: 1em;
}
.home-title span {
  color: #a08840;
}
.home-subtitle {
	font-family: Arial;
  font-size: 2.25em;
  font-weight: bold;
  letter-spacing: 0.5em;
  color: #a08840;
  padding-top: 1vh;
	padding-bottom: 3vh;
  padding-left: 0.5em;
  text-transform: uppercase;
/*  border: 1px solid yellow;*/
}
.home-copy span {
  display: initial;
}


/****************************************************************************************
  PHONE/TABLET PORTRAIT
****************************************************************************************/

@media only screen and (orientation: portrait) {
  .home-title {
    font-size: 9vw;
  }
  .home-subtitle {
    font-size: 5vw;
  }
  .home-copy {
    padding-left: 15vw;
    padding-right: 15vw;
  }
  .home-copy br {
    display: none;
  }
}


/****************************************************************************************
  SMALL PHONE SCREEN (e.g. iPhone 6s)
****************************************************************************************/

/**********************
  PORTRAIT
**********************/
@media only screen and (orientation: portrait) and (max-height: 640px) {
  .home-copy span {
    display: none;
  }
}

/**********************
  LANDSCAPE
**********************/
@media only screen and (orientation: landscape) and (max-height: 480px) {
  body {
    font-size: 10px;
    line-height: 12px;
  }
  .home-logo {
    display: none;
  }
  .home-title {
  	font-size: 5vw;
    padding-top: 0.5em;
  }
  .home-subtitle {
    font-size: 3vw;
  }
  .home-copy {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}