@charset "utf-8";
/* CSS Document */


body {
	width: auto;
	background-color: rgba(0, 54, 99, .8);
}

.parent {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: repeat(5, auto);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

.banner { grid-area: 1 / 1 / 2 / 2; }
.story { grid-area: 2 / 1 / 3 / 2; }
.properties { grid-area: 3 / 1 / 4 / 2; }
.promo { grid-area: 4 / 1 / 5 / 2; }
.bottom { grid-area: 5 / 1 / 6 / 2; }

.banner, .story, .properties-panel, .promo, .bottom {
	display : block; 
}

.banner img {
  width: 100%;
  height: auto;
}

.story p {
	color: white;
	font-family: "Neuvetica-Thin", Helvetica, Arial, "sans-serif";
	font-size: 20px;
	padding: 10px 10px;
	line-height: 28px;
}

.story h3 {
	color: white;
	font-family: "Caroline-Amanda", Helvetica, Arial, "sans-serif";
	font-size: 80px;
	padding: 10px 10px;
}

/* adjust for mobile screen */
@media only screen and (max-width: 600px) {
	.story p { font-size: 14px; line-height: 20px }
	.story h3 { font-size: 60px }
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

.div-fade {
  transition: opacity 0.7s ease-in;
}

.fadeOut { opacity: 0; }
.fadeIn { opacity: 1; }

a:link { color :darkgray; text-decoration: none;}
a:visited { color :darkgray; text-decoration: none;}
a:hover {color :black; text-decoration: none;}
a:active {color :darkgray; text-decoration: none;}


@font-face {
  font-family: Neuvetica-Thin; 
  font-weight: normal;	 
  src: url('../fonts/Neuvetica-Thin.woff'),
       url('../fonts/Neuvetica-Thin.woff2');
}

@font-face {
  font-family: Neuvetica-Medium; 
  font-weight: normal;	 
  src: url('../fonts/Neuvetica-Medium.woff'),
       url('../fonts/Neuvetica-Medium.woff2');
}

@font-face {
  font-family: Neuvetica-Bold; 
  font-weight: normal;	 
  src: url('../fonts/Neuvetica-Bold.woff'),
       url('../fonts/Neuvetica-Bold.woff2');
}

@font-face {
  font-family: Caroline-Amanda; 
  font-weight: normal;	 
  src: url('../fonts/Amanda-Blonde.woff2');
}