@charset "utf-8";
/* CSS Document */

#slideshow {
  margin: 40px auto;
  position: relative;
  width: 831px;
  height: 415px;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

#slideshow > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}

#slideshow img {
  width: 811px;
  height: 395px;
}

#play-pause {
    position: absolute;
    bottom: 1em;
    left: 2em;
}

#play-pause .glyphicon {
    font-size: 5em;
	color:#FC7753;
	margin-bottom: 0.6em;
    margin-left: 0.2em;
}

#slideshow h4  {
	margin-top: 30px;
}

.hints, #questions-container, #next-btn, #prev-btn, #print-btn
{
	display: none;
}

.text-entry ol li
{
	margin-bottom: 20px;
}

.well 
{
	background-color: #b0bcbd;
	color: #3c5c67;
	border-color: #3c5c67;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 992px) {
	
	#slideshow {
	  margin: 5px auto;
	  position: relative;
	  width: 100%;
	  height: 395px;
	  padding: 5px;
	  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
	}

	#slideshow > div {
	  position: absolute;
	  top: 3px;
	  left: 3px;
	  right: 3px;
	  bottom: 3px;
	}

	#slideshow img {
	  width: 100%;
	  height: auto;
	}

	#play-pause .glyphicon {
		font-size: 3em;
	}	
}

@media print {
	#play-pause {
		display: none;
	}
	
	.hints, #slideshow {
		display: none !important;
	}

}