@import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two);


body {
width:100%;
margin:0;
padding:0;
font-family: 'Shadows Into Light Two', cursive;
font-size: 1.35em; 
}

article {
	background-color:rgba(252,202,75,.5);
	border-style:solid;
	border-width:thin;
	margin:auto;
}
h1 {
	font-size: 2.2em;
	text-align:center;
	color:rgba(255,255,255,1);
}
h3 {
	font-size: 1.3em;
	text-align:center;
	color:rgba(255,255,255,1);
}
p {
	text-align:center;
}
a:link{
	text-decoration:none;
	color:black;
	font-size:1.2em;
	text-align:center;
}
a:visited{
	text-decoration:none;
	color:#A66C0D;
	font-size:1.2em;
	text-align:center;
}
a:active{
	text-decoration:none;
	color:#F60;
	font-size:1.2em;
	text-align:center;
}
a:hover, a:focus{
	text-decoration:underline;
	color:rgba(80,80,80,.9);
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
}

@media screen and (max-width:799px){

article{
	width:99%;	
	border-radius:0px;
}
div {
	text-align:center;
	width:90%;
	border-style:solid;
	border-width:thin;
	border-radius:30px;
	margin-left:5%;
}
}

@media screen and (min-width:800px){
body {
background-image:url(../img/little-boy.jpg);
background-attachment:fixed;
background-position:center left;
}

article {
	background-color:rgba(252,202,75,.5);
	border-style:solid;
	border-width:thin;
	border-radius:30px;
	margin:auto;
	width:70%;	
}
div {
	text-align:center;
	width:50%;
	border-style:solid;
	border-width:thin;
	border-radius:30px;
	margin-left:25%;
}
}