.header-parallax { background-size: cover; background-position: 0% -50px; background-repeat: no-repeat; min-height: 550px; }
.header-caption { color: #ffffff; font-size: 22px; letter-spacing: 0; line-height: 2; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); text-transform: none; }
.header-caption h1 { font-family: Fjalla One; font-size: 60px; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #ffffff; letter-spacing: 0; line-height: 1.2; margin: 0 0 5px; opacity: 1; padding: 0; text-transform: none; display: inline-block; }
.header-caption p { background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; color: #ffffff; font-size: 30px; letter-spacing: 0; line-height: 1.7; margin: 0 0 15px; opacity: 1; padding: 0; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); text-transform: none; display: inline-block; padding: 0 10px; }
.header-content { margin-top: 25%; }
.transparent-bg { opacity: 0; }
.header-caption .btn { letter-spacing: 1px; }
.header-caption a.btn { margin: 15px 0 0; text-shadow: none; }

.mh300 { min-height: 300px; margin-top: 80px; }
header.mh300 .header-content { }
@media (max-width: 767px) {

.header-content { margin-top: 120px; }
.header-caption h1 { font-family: Fjalla One; font-size: 40px; }
.header-caption p { font-size: 20px; }
.header-parallax { min-height: 300px; }

header.mh300 .header-content { margin-top: 120px;  }
.header-parallax.mh300 { min-height: 300px; margin-top: 80px; }
}

@media (max-width: 320px) {
.header-content { margin-top: 50%; }
.header-caption h1 { font-family: Fjalla One; font-size: 26px; }
	.header-parallax { }
	
	header.mh300 .header-content { margin-top: 35%; }
.header-parallax.mh300 { min-height: 200px; margin-top: 80px; }
}