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


html,body {
	font-family: 'Raleway', sans-serif;
	font-size:16px;
	line-height:30px;
}

@media (max-width: 480px) {
	html,body {
	line-height:26px;
}	
}

h1, h2, h3 {
	font-family: 'Bellefair', serif;
	padding-top:24px;
	padding-bottom:24px;
}

@media (max-width: 480px) {
	h1, h2, h3 {
		padding-top:10px;
		padding-bottom:10px;
}	
}

h1 {
	font-size:72px;
	color:#fff;
}

@media (max-width: 992px) {
		h1 {
		font-size:60px;
}
}

@media (max-width: 768px) {
		h1 {
		font-size:52px;
		text-align:center;
}
}

@media (max-width: 480px) {
		h1 {
		font-size:46px;
		text-align:center;
}
}

h2, h3 {
	font-size:1.8em;
	text-transform: uppercase;
	color:#d58d3f;
	text-align:center;
}

@media (max-width: 480px) {
	h2, h3 {
		font-size:1.4em;
}	
}

p {
	padding-bottom:12px;
}

@media (min-width: 1200px) {
	.container {
		padding-left:160px;
		padding-right:160px;
}	
}

#player {
	text-align:center;
	position:fixed;
	width:100%;
	background-color:#fafafa;
}

@media (max-width: 768px) {
audio {
	width:100%;
}	
}

#title-bg {
	width:100%;
	background-color:#abe0dd;
	padding-top:40px;
	padding-bottom:20px;
	text-align:left;
}

@media (max-width: 768px) {
	#title-bg {
	text-align:center;
}	
}

.title-text {
	float:left;
}

@media (max-width: 768px) {
	.title-text {
	float:none;
}	
}


.title-img {
    width: 400px;
    height: auto;
	float:left;
	margin-top:60px;
	margin-left:40px;
}

@media (max-width: 992px) {
	.title-img {
		width: 350px;
		margin-top:60px;
		margin-left:20px;
}	
}

@media (max-width: 768px) {
	.title-img {
		width: 350px;
		margin-top:0px;
		margin-left:40px;
		margin-bottom:30px;
		float:none;
}	
}

@media (max-width: 480px) {
	.title-img {
		width: 90%;
		margin-top:0px;
		margin-left:20px;
		margin-bottom:20px;
		float:none;
}	
}

footer {
	text-align:center;
	padding: 10px 0px 40px 0px;
}