.biglink a:link {font-family: verdana, sans-serif; font-size: 1.5em; font-weight: bold; color: #277bd1; text-decoration:none}
.biglink a:visited {font-family: verdana, sans-serif; font-size: 1.5em; font-weight: bold; color: #277bd1; text-decoration:none}
.biglink a:hover {font-family: verdana, sans-serif; font-size: 1.5em; font-weight: bold; color:#4db1fd; text-decoration:none}
.biglink a:active {font-family: verdana, sans-serif; font-size: 1.5em; font-weight: bold; color:#277bd1; text-decoration:none}
#centralimages {
	position:absolute;
	left:44%;
	top:25.2em;
	width: 30%;
	z-index:1
}
@media (min-width: 610px) and (max-width: 910px) {#centralimages {left: 43% ; top: 22.5em}} 
@media (min-width: 910px) {#centralimages {left: 43% ; top: 25em}} 

#centralimages img {width: 100% ; height: auto}
@media (min-width: 610px) and (max-width: 910px) {#centralimages img {width: 60% ; height: auto}} 
@media (min-width: 910px) {#centralimages img {width: 50% ; height: auto}} 

#synopsis {
	position: absolute;
	left: 30%;
	top: 20em;
	z-index: 2
}
@media (min-width: 610px) and (max-width: 910px) {#synopsis {left: 25% ; top: 19em}} 
@media (min-width: 910px) {#synopsis {left: 32% ; top: 22em}} 

#script {
	position: absolute;
	left: 17%;
	top: 23em;
	width: 80px;
	height: 35px;
	z-index: 8
}
@media (min-width: 610px) and (max-width: 910px) {#script {left: 19% ; top: 22.5em}} 
@media (min-width: 910px) {#script {left: 22% ; top: 25em}} 

#photos {position:absolute; left:5%; top:26.5em; width:80px; height:35px; z-index:8}
@media (min-width: 610px) and (max-width: 910px) {#photos {left: 15% ; top: 26.5em}} 
@media (min-width: 910px) {#photos {left: 15% ; top: 28em}} 

#original {
	position: absolute;
	left: 9%;
	top: 29em;
	z-index: 9;
	width: 10em;
}
@media (min-width: 610px) and (max-width: 910px) {#original {left: 18% ; top: 29em}} 
@media (min-width: 910px) {#original {left: 18% ; top: 30.5em}} 

#schools {
	position: absolute;
	left: 33%;
	top: 36em;
	z-index: 8
}
@media (min-width: 610px) and (max-width: 910px) {#schools {left: 40% ; top: 36.3em}} 
@media (min-width: 910px) {#schools {left: 36% ; top: 37.5em}} 

#images {
	position: absolute;
	left: 50%;
	top: 525px;
	width: 80px;
	height: 35px;
	z-index: 8
}

#links {
	position: absolute;
	left: 202px;
	top: 528px;
	width: 106px;
	height: 40px;
	z-index: 7
}
#characters {
	position: absolute;
	left: 50%;
	top: 42em;
	width: 120px;
	height: 40px;
	z-index: 7
}
@media (min-width: 910px) {#characters {left: 46% ; top: 43em;}} 

#reviews {
	position: absolute;
	left: 80%;
	top: 33em;
	width: 106px;
	height: 40px;
	z-index: 7
}
@media (min-width: 610px) and (max-width: 910px) {#reviews {left: 70% ; top: 33em}} 
@media (min-width: 910px) {#reviews {left: 70% ; top: 33em}} 

#follow {
	position: absolute;
	left: 18%;
	top: 33em;
	z-index: 6
}
@media (min-width: 610px) and (max-width: 910px) {#follow {left: 23% ; top: 33.5em}} 
@media (min-width: 910px) {#follow {left: 23% ; top: 35em}} 

#production {
	position: absolute;
	left: 50%;
	top: 39em;
	z-index: 3
}
@media (min-width: 610px) and (max-width: 910px) {#production {left: 50% ; top: 39em}} 
@media (min-width: 910px) {#production {left: 46% ; top: 40em}} 

#teachers {
	position: absolute;
	left: 20%;
	top: 14em;
	width: 48%;
	height: auto;
	z-index: 1
}
@media (min-width: 610px) and (max-width: 910px) {#teachers {left: 46% ; top: 14.5em}} 
@media (min-width: 910px) {#teachers {left: 46% ; top: 16em;}} 

#teachers img {width: 100%}
@media (min-width: 610px) and (max-width: 910px) {#teachers img {width: 60% ; height: auto}} 
@media (min-width: 910px) {#teachers img {width: 50% ; height: auto}} 

#GeorgeMacDonald {position: absolute; left: 50%; top: 42em; width: 200px; height: 63px; z-index: 9}
@media (min-width: 610px) and (max-width: 910px) {#GeorgeMacDonald {left: 50% ; top: 42em}} 
@media (min-width: 910px) {#GeorgeMacDonald {left: 46% ; top: 43.5em}} 

#programme {position: absolute; width: 197px;  z-index: 10; left: 20%; top: 35em}