@charset "utf-8";

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

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

#WEST {
	background-size:contain;
	position: absolute;
	background-position: center center;
	opacity: 0.5;
	left: 0%;
	top: 40%;
	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: 0%;
	top: 10%;
	background-repeat: no-repeat;
	background-image: url("images/naw_window_thumbnail.jpg");
}
#NAW:hover {
	opacity: 1.0;
	}

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

#SA1 {
	background-size:contain;
	position: absolute;
	background-position: center center;
	opacity: 0.5;
	left: 55%;
	top: 75%;
	background-repeat: no-repeat;
	background-image: url("images/sa1_window_thumbnail.jpg");
}
#SA1:hover {
	opacity: 1.0;
	}

#SA3 {
	background-size:contain;
	position: absolute;
	background-position: center center;
	opacity: 0.5;
	left: 35%;
	top: 75%;
	background-repeat: no-repeat;
	background-image: url("images/sa3_window_thumbnail.jpg");
}
#SA3:hover {
	opacity: 1.0;
	}