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

img
{
	margin-left: auto;
	margin-right: auto;
}

.text-entry 
{
	min-height: 150px;
	padding: 10px;
	border: 2px solid #52b8ce;
	margin-top: 1.5em
}

#slideshow {
  margin: 40px auto;
  position: relative;
  width: 831px;
  height: 296px;
  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: 276px;
}

#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;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 992px) {
	#slideshow {
	  margin: 5px auto;
	  position: relative;
	  width: 100%;
	  height: 276px;
	  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;
	}
}