body { 
   font-family: 'WaltographRegular'; 
   font-weight: normal; 
   font-style: normal; 
   margin:0;
   padding: 0;
   width: 100%;
   height:100%;
}

h1{font-size:30px;}

a {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 100;
}

#Aladdin {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 2;
	background-image: url(images/Aladdin.jpg);
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
}

#Flower {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	background-image: url(images/Flower.jpg);
	background-position: top center;
	background-size: cover;

}

#Rafiki {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	background-image: url(images/Rafiki.jpg);
	background-position: top right;
	background-size: cover;

}

.quote {
	position:fixed;
	color:white;
	z-index: 80;
	font-size: 4.5vw;
	width: 60%;
	line-height: 5vw;
	margin: 7%;
	text-shadow: 3px 3px 3px black;
}

#second {
	color: peachpuff;
	margin: 4%;
}

#third{
	color: dimgrey;
	text-shadow: 3px 3px 3px lightgray;
}

.attribution {
	font-size:25px;
	text-align: left;
}

@media screen and (max-width: 900px) {
	.quote {
		font-size: 4vw;
		line-height: 4.2vw;
		width:50%;
		top: 4%
		}
	.attribution {
		font-size: 2.5vw;
		line-height: 4.2vw;}
}

@media screen and (min-width: 900px) {
	.quote {
		font-size: 3.5vw;
		line-height: 3.8vw;
		width:50%;
		top: 6%;
		}
	#third{
		width: 60%;
	}
}
@media screen and (max-width: 640px) {
	.quote {
		font-size: 5vw;
		line-height: 5.2vw;
		width:65%;
		margin: 4%;
		top: 6%;
		}
	#second {
		top: 4%;
	}

	#third{
		top:2%;
		font-size: 6vw;
		line-height: 6.5vw;
	}
}

@media screen and (min-width: 300px) and (max-width: 350px) {
	.quote {
		font-size: 10vw;
		line-height: 10.5vw;
		width:70%;
		top:2%;
		}
	.quote#second {
		font-size: 10vw;
		line-height: 10.5vw;
		width:70%;
		top: 2%;
	}
	.quote#third {
		font-size: 10vw;
		line-height: 8.5vw;
		width:70%;
		top: 2%;
	}
}

@media screen and (min-width: 1px) and (max-width: 299px) {
	.quote {
		font-size: 14vw;
		line-height: 15vw;
		width:70%;
		top: 5%;
		}
	#first{font-size: 13vw;
		line-height: 14vw;
	}

	#third {
		font-size: 11vw;
		line-height: 11.5vw;
	}
}

@media screen and (max-width: 70px) {
	.quote {
		font-size: 20vw;
		line-height: 24vw;
		width:70%;
		top: 2%;
		}
}