@charset "UTF-8";
*{
	margin: 0;
	padding:0;
	border:0;
	box-sizing: border-box;
}

#wrapper2{
	width: 100%;
	height: 100%;
	margin: ;
	background: url("11001BEImages/MarbleBlue.jpg");
}

p{/*Prevent selecting*/
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


#container{
	width: 95%;
	height: 100%;
	margin: 0 2%;
	background: url("11001BEImages/MarbleBlue.jpg");
	border: 4px dashed purple;
}
.bookextract1 h1{
	color: #00008B;
	text-align: center;
	font-family: georgia, sans-serif;
	font-weight: bold;
	font-size: 120%; 
	margin: 2%;
	padding: ;
}

.bookextract2{
	color: #00008B;
	text-align: center;
	font-family: georgia, sans-serif;
	font-size: 120%; 
	font-weight: bold;
	padding: 1% 5%;
}
.PartTwo{
	color: #00008B;
	text-align: center;
	font-family: georgia, sans-serif;
	font-size: 80%; 
	font-weight: bold;
	padding:  2% 0 0 2%;
}

#GreekStatue img{
	width: 15%;
	float: left;
	margin: 1% 2% 1% 5%;
	padding:;
	
}

.FarEd {
	color: #00008B;
	width: 90%;
	font-family: georgia, serif;
	font-size: 120%;
	font-weight: bold;
	margin: 1% 5%;
	
} 


#YoungWoman img{
	width: 15%;
	float: right;
	margin: -2% 0 0 2%;
	padding:;
}

.ColledgePeople {
	color: #00008B;
	width: 100%;
	font-family: georgia, serif;
	font-size: 120%;
	font-weight: bold;
	padding:1% 5%;
}
#YoungDancer img{
	width: 15%;
	float: left;
	margin: 3% 2% 2% 5%;
	padding:;
}
.ColledgePeople2{
	color: #00008B;
	width: 100%;
	font-family: georgia, serif;
	font-size: 120%;
	font-weight: bold;
	padding:1% 5%;
}
.Jester2 {
	color: #00008B;
	width: 100%;
	font-family: georgia, serif;
	font-size: 120%;
	font-weight: bold;
	padding:1% 5%;
}

#Jester img{
	width: 15%;
	float:center;
	margin: 2% 35%;
}




.space1{
	color: #00008B;
	text-align: center;
	font-weight: bold;
	font-size: 100%;
}

.Lastbit{
	color: #00008B;
	text-align: center;
	font-family: georgia, sans-serif;
	font-size: 130%; 
	font-weight: bold;
	padding: 2% 5%;
}
.endcopy{
	color: white;
	text-align: center;
	font-family: georgia, sans-serif;
	font-size: 100%;
	font-weight: bold;
	padding: 2% 5%;
	background-color: #800080;
}



/*	MEDIA QUEIRIES ONWARDS*/


@media screen and (max-width: 1280px){
	
}
@media screen and (max-width: 1024px){
	
}

@media screen and (max-width: 768px){
.Lastbit{
		font-size: 120%; 
		padding: 2% 5%;
	}
.endcopy{
		font-size: 100%; 
		padding: 2% 5%;
		background-color: #800080;
	}	
}

@media screen and (max-width: 640px){
.bookextract1 h1{
		font-size: 100%; 
		padding: 2%;
	}
.bookextract1{
		font-size: 100%; 
		padding: 5%;
	}
.MothersLove{
		font-size: 100%;
	}
.MothersLove2{
		font-size: 100%;
	}
.Lastbit{
		font-size: 100%; 
		padding: 2% 5%;
	}
.endcopy{
		font-size:90%; 
		padding: 2% 5%;
		background-color: #800080;
	}	
}

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

}

@media screen and (max-width: 500px){
	
#container{
		width: 99%;
		margin: 0 auto;
		background-color: #DDA0DD;
		border: 4px dashed purple;
	}


.Lastbit{
		font-size: 100%; 
		padding: 2% 5%;
	}
}