@charset "utf-8";

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

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

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

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

#EAST {
	background-size:contain;
	position: absolute;
	background-position: center center;
	opacity: 0.5;
	left:85%;
	top: 25%;
	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: 50%;
	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: 50%;
	background-repeat: no-repeat;
	background-image: url("images/SC2_window_thumbnail.jpg");
}
#SC2:hover {
	opacity: 1.0;
	}

#SC3 {
	background-size:contain;
	position: absolute;
	background-position: center center;
	opacity: 0.5;
	left: 64%;
	top: 50%;
	background-repeat: no-repeat;
	background-image: url("images/SC3_window_thumbnail.jpg");
}
#SC3:hover {
	opacity: 1.0;
	}


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