.html {
	}
body {
	/*background-color: #f7f5e6;*/
	font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5 {
	font-family: 'Prompt', sans-serif;
}

html, body, cover {
	height: 100%;
}
.blockquote-footer {
	color: #333a56;
}

.animate-in {
    animation: fadeIn .5s ease-in;
}
.animate-out {
    transition: opacity .5s;
    opacity: 0;
}
@keyframes fadeIn {
    from { opacity: 0; }
    to      { opacity: 1; }
}


.cover {
	position: relative;
	height:70%;
	/*min-height: 80%;*/
}

.cover-image  {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	min-height: 100%;
	background-image: url("paved-road-and-trees.jpg");
	background-size: cover;
	background-position:center;
	overflow: hidden;
}

.cover-color {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right:0;
	z-index: 2;
	background-color: rgba(255,255,255, 0.8);
}
.cover-content {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	height: 100%;
}
.banner {
	height: 100%;
}
.logo-box {
	height: 0;
	transition: all 3s ease 2s;
}
.logo-box.open {
	height: 70%;
}

.logo-image {
	opacity: 0;
	transition: all 2s ease 5s;
	max-height: 70%;
}
.logo-image.open {
	opacity: 1;
	transform: scale(1);
}

.quote-box {
	height: 30%;
}
.quote-image {
	max-height: 70%;
}

.blockquote {
	border-top: 8px solid #949494;
	font-size: 1.25rem;
}
@media (min-width: 768px) {
	.blockquote {
		font-size: 1.5rem;
	}   
}
@media (min-width: 1200px) {
	.blockquote {
		font-size: 2.0rem;
	}   
}

.test-button {
	position: absolute;
	top: 0;
	left: 0;
}
a, a:hover {
	color: #333a96;
}