html, body, p {
    height: 100%;
    padding: 0;
    margin: 0;
}
body {
	font-family: 'Shrikhand', cursive;
	font-size:100px;
}
.page1 {
	background-color:rgb(228, 203, 194);
}
.page2 {
	background-color:rgb(181, 191, 212);
}
.page3 {
	background-color:rgb(250, 101, 80);
}
#top{
	font-weight: 700;
}

#bottom {
	font-family: 'Julius Sans One', sans-serif;
	font-size: 50%;
	margin-top: 80px;
}

#quote {
	width:600px;
	position:absolute;
	top:40px;
	right:130px;

}

a {
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}

@media screen and (max-width: 580px) {
	 #quote {
		position:absolute;
		right:30px;
		top:30px;
		width:300px;
		font-size:32px;
	}
}

@media screen and (max-width: 750px) and (min-width: 580px) {
	 #quote {
		position:absolute;
		right:40px;
		top:40px;
		width:350px;
		font-size:60px;
		}
}

@media screen and (max-width: 1024px) and (min-width: 750px) {
	#quote {
		position:absolute;
		right:50px;
		top:50px;
		width:400px;
		font-size:65px;
	}

@media screen and (min-width: 1024px) {
	#quote {
		position:absolute;
		right:75px;
		top:75px;
		width:500px;
		font-size:72px;
	}
}