html {
	overflow-x: hidden;
}
body {
	margin: auto;
	font-size: 19px;
	font-family: 'Gochi Hand', cursive;
	background-color: #e7e4e8;
}

.bodyContent {
	max-width: 1400px;
	margin: auto;
}

#prece_ao_vento {
	padding-bottom: 9.1em;
}

#prece_ao_vento .heading {
	margin: 1vw 8vw;
	color: black;
	text-shadow: 0px 0px 10px darkblue;
	}
	#prece_ao_vento .heading h1 {
		font-size: 6.2em;
		text-align: right;
		font-family: 'Tangerine', cursive;
		font-weight: normal;
		line-height: 0.7em;
	}
	#prece_ao_vento .heading h1 .conditional {
		font-size: 0.5em;
	}
	#prece_ao_vento .song {
		margin: 1vw 8vw;
		border-radius: 3em;
		overflow: hidden;
		padding: 0 1em;
		background-image: url('/prece_ao_vento/background.jpg');
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		color: white;
		text-shadow: 0px 0px 10px white;
		box-shadow: 0px 0px 10px darkblue;
	}
	#prece_ao_vento .song .formTable {
		min-height: 500px;
}


#untergang_der_ms_westfluegel {
	padding: 1vw 8vw;
	background-color: #e6adae;
	background-color: #ffa585;
	background-color: #06003c;
	background-color: #3d4277;
	background-color: #94b1ff;
	background-color: #f5ff94;
	background-color: #AF1D27;
	background-color: #EFA433;
	background-color: #F8D39C;
	color: #ececec;
	color: #EFA433;
	color: #F8D39C;
	color: #AF1D27;
}
#untergang_der_ms_westfluegel h2 {
	font-family: 'Tangerine', cursive;
	font-size: 3.5em;
	text-align: center;
	font-weight: normal;
	text-shadow: 0px 7px 10px #042567;
	margin-bottom: 0.1em;
}
#untergang_der_ms_westfluegel h2 .overline {
	font-size: 0.35em;
	margin-bottom: 0.1em;
	font-family: 'Gochi Hand', cursive;
	text-shadow: none;
}
#untergang_der_ms_westfluegel .imgTop .formTableCell {
	width: 33%;
	padding: 1em;
	text-align: center;
}
#untergang_der_ms_westfluegel .imgTop img {
	width: 100%;
	height: auto;
	border-radius: 3em;
	transform: rotate(-2deg);
	_box-shadow: 0px 0px 10px 1px #042567;
}
#untergang_der_ms_westfluegel .album {
	width: calc(100% - 2em);
	margin: auto;
}
#untergang_der_ms_westfluegel .album .formTableCell {
	padding: 0.3em 0;
	font-family: 'Calligraffitti', cursive;
	font-size: 1.1em;
	//font-weight: bold;
}
#untergang_der_ms_westfluegel .album audio {
	margin: 0 1em;
}

#untergang_der_ms_westfluegel .formTable.imgBottom {
	margin-top: -4em;
}
#untergang_der_ms_westfluegel .imgBottom .formTableCell {
	width: 100%;
	padding: 1em;
	text-align: center;
}
#untergang_der_ms_westfluegel .imgBottom img {
	width: 100%;
	height: auto;
	border-radius: 3em;
	_box-shadow: 0px 0px 10px 1px #042567;
	transform: rotate(4deg);
	position: relative;
	top: 5em;
}

#beyond {
	padding: 5em 8vw 200px 8vw;
	width: 100%;
	height: 500px;
	background-color: rgba(0, 34, 97, 0.8);
	color: white;
	position: relative;
}
#beyond h2 {
	font-family: 'Gochi Hand', cursive;
	font-size: 3em;
	font-weight: normal;
	text-shadow: 0px -7px 10px #58d8ff;
	margin-bottom: 0.3em;
}
#beyond h3 {
	font-family: 'Gochi Hand', cursive;
	font-size: 1.3em;
	font-weight: normal;
	text-shadow: 0px -2px 4px #58d8ff;
	margin: 1em 0 0.3em 9em;
	
}
#beyond a {
	font-family: 'Calligraffitti', cursive;
	font-size: 1.2em;
	color: white;
}


@media screen and (max-width: 480px) {
	body {
		font-size: 15px;
	}
}
@media screen and (max-width: 1020px) {
	.heading .conditional {
		display: block;
	}
	
	.song .formTableCell {
		display: block !important;
		width: 100%;
		padding: 6vw 0;
	}
}
@media screen and (min-width: 1280px) {
	body {
		font-size: 22px;
	}
}