@charset "utf-8";

.arrow_link {
  width: 50px;
  height: 50px;
}

#instructions {
	font-size: 1.1vw;
	position: absolute;
	left: 30%;
	top: 43%;
	width: 50%;
	}
.elastic_img {
	width: 10vw; 
	max-width: 150px;
	height: auto;
	}	

#WEST {
	background-size:contain;
	position: absolute;
	background-position: center center;
	opacity: 0.5;
	left: 3%;
	top: 45%;
	background-repeat: no-repeat;
	background-image: url("images/west_window_thumbnail.jpg");
}
#WEST:hover {
	opacity: 1.0;
	}

#NAW {
	background-size:contain;
	position: absolute;
	background-position: center center;
	opacity: 0.5;
	left: 3%;
	top: 24%;
	background-repeat: no-repeat;
	background-image: url("images/naw_window_thumbnail.jpg");
}
#NAW:hover {
	opacity: 1.0;
	}

#EAST {
	background-size:contain;
	position: absolute;
	background-position: center center;
	opacity: 0.5;
	left:90%;
	top: 45%;
	background-repeat: no-repeat;
	background-image: url("images/east_window_thumbnail.jpg");
}
#EAST:hover {
	opacity: 1.0;
	}

#SC1 {
	background-size:contain;
	position: absolute;
	background-position: center center;
	opacity: 0.5;
	left: 81%;
	top: 60%;
	background-repeat: no-repeat;
	background-image: url("images/SC1_window_thumbnail.jpg");
}
#SC1:hover {
	opacity: 1.0;
	}

#SC2 {
	background-size:contain;
	position: absolute;
	background-position: center center;
	opacity: 0.5;
	left: 72%;
	top: 60%;
	background-repeat: no-repeat;
	background-image: url("images/SC2_window_thumbnail.jpg");
}
#SC2:hover {
	opacity: 1.0;
	}

#SAW {
	background-size:contain;
	position: absolute;
	background-position: center center;
	opacity: 0.5;
	left: 3%;
	top: 65%;
	background-repeat: no-repeat;
	background-image: url("images/SAW_window_thumbnail.jpg");
}
#SAE:hover {
	opacity: 1.0;
	}