@font-face {font-family: "gbook"; src: url("/assets/Gotham-Book.ttf");}   

html, body {
  height: 100%;
  font-family: "gbook", Helvetica, Arial, sans-serif; 
}
body {
  margin: 0;
}

.viewport-header {
  position: absolute;
  height: 100%; 
  width: 100%;
  align-items: center;
  text-align: center;
  align-items: center;
  justify-content: center; 
  display: flex;
} 

.break {
  flex-basis: 100%;
  height: 25px;
}

.subhead {
	font-size: 18px;
	line-height: 24px;
	margin-bottom:17px;
	padding-left:35px;
	padding-right:35px;  
}

.fade-in { animation: fadeIn 7s; }
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}