@charset "UTF-8";


/*body {
	background:url(images/snowy-woods2.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}*/


#content {
	margin: 10px auto;
	/*background: rgba(194,68,70,1.00);*/
	text-align:center;
	overflow:auto;
}

#poem{
	/*padding: 20px 15px 10px 60px;
	background: white;
	opacity: 0.7;*/
	clear:both;
	width: 400px;
	margin:auto;
	float:right;
	color: white;
}

#title {
	color:white;
	margin:auto;
	float: right;
	width: 450px;
}
	
#title h1 {
	font-family: 'Meddon', cursive;
	line-height: 1.2;
}

.firstletter {
	font-size: 1.8em;
}

h2 {
	font-family: 'Lancelot', cursive;
	font-size: 1em;
	/*margin: -20px; */
}



#poem p {
	font-family: 'Lancelot', cursive;
	font-size: 1.3em;
}


@media only screen and (min-device-width : 320px) { 
body {
background-color: #101221;
}

#title {
	width: 320px;
	/*color: white;*/
}

#title h1 {
	font-size: 1.2em;
}
#poem {
	width: 320px;
	font-size: 1em;
}

@media only screen and (min-width: 768px) {
	body {
	background:url(images/snowy-woods2.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

}

@media only screen and (min-width: 960px) {
/* Styles */ 

#poem {
	font-size: 1.2em;
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */

#title {
	width: 500px;
	/*color: white;*/
}

#title h1 {
	font-size: 2.2em;	
}

#poem {
	width: 500px;
	font-size: 1.6em;
}
}