#aunt-marion {
	position: relative;
	top:0;
	background-image: url(../images/spring/bg.jpg);
	padding: 0;
	overflow-x: hidden;
}

#aunt-marion .header {
	height: 92.5rem;
	position: relative;
}

#aunt-marion .header .image {
	position: absolute;
	width: 116.3em;
	height: 82.4em;
	margin-left: -58rem;
	top: 14.5rem;
	left: 50%;
}

#aunt-marion .header .title {
	position: absolute;
	width: 36.8em;
	height: 18.7em;
	margin-left: -50rem;
	top: 20.5rem;
}

#aunt-marion .crease {
	position: absolute;
	top:82.5rem;
}

#aunt-marion .text {
	width: 100%;
	margin-top: 8.5rem;
}

#aunt-marion .text p {
	width: 69rem;
	font-size: 2.4rem;
	font-family: 'Futura', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: italic;
	margin: 1em auto;
	line-height: 1.52em;
	text-align: left;
	left: 5rem;
}

#aunt-marion .text p b {
	font-weight: 800;
}

#aunt-marion .text aside p {
	font-style: normal;
	font-size: 2rem;
	line-height: 1.54em;
	margin: 3em auto;

	padding-right: 10rem;

	/*width: 59rem;*/
}

#aunt-marion .footer {
	height: 55.1em;
	background-image: url(../images/aunt-marion/footer.png);
}

#aunt-marion .shell-fish {
	position: absolute;
	font-size: 1rem;
	width: 17.8em;
	height: 35.5em;
	right: 9rem;
	margin-top: -28rem;
}

#aunt-marion .sea-animals {
	position: absolute;
	font-size: 1rem;
	width: 41em;
	height: 56.6em;
	left: 0;
	margin-top: -35rem;
}

#aunt-marion .rabbit {
	position: absolute;
	font-size: 1rem;
	width: 29.1em;
	height: 36.2em;
	right: 0;
	margin-top: -2rem;
}

@media all and (max-width: 1024px) {

	#aunt-marion {
		background-image: url(../images/spring/bg-1024.jpg);
	}

	#aunt-marion .footer {
		background-image: url(../images/aunt-marion/footer-1024.png);
	}

}

@media all and (max-width: 640px) {

	#aunt-marion {
		background-image: url(../images/spring/bg-640.jpg);
	}

	#aunt-marion .footer {
		background-image: url(../images/aunt-marion/footer-640.png);
	}

}


@media all and (orientation : portrait) and (max-width: 640px) {

	#aunt-marion .header {
		height: 88rem;
	}
	#aunt-marion .header .image {
		font-size: 0.61rem;
		margin-left: -27rem;
		top: 38.5rem;
	}

	#aunt-marion .header .title {
		font-size: 1.2rem;
		margin-left: -22rem;
		top: 15.5rem;
	}

	#aunt-marion .crease {
		display: none;
	}

	#aunt-marion .text {
	}

	#aunt-marion .text p {
		width: 100%;
		left: auto;
		font-size: 3.07rem;
		margin: 1.4em auto;
		padding: 0 4.5rem;
	}

	#aunt-marion .text aside p {
		font-size: 3.07rem;
		padding-right: 0;
		padding: 0 4.5rem;
	}

	#aunt-marion .shell-fish {
		position: relative;
		font-size: 0.85rem;
		width: 17.8em;
		height: 35.5em;
		right: auto;
		margin: 0 auto;
		display: block;
		margin-bottom: 9rem;
	}

	#aunt-marion .sea-animals {
		position: relative;
		font-size: 1.4rem;
		width: 41em;
		height: 56.6em;
		left: auto;
		margin: 0 auto;
		margin-bottom: 9rem;
	}

	#aunt-marion .rabbit {
		display: none;
	}

	#aunt-marion .footer {
		height: calc(55.1em * 0.8);
	}

}