/* This is the stylesheet for Image Placement. */

html, body {
  height: 100%;
  margin: 0;
}
body 
{
	background: #099 url("images/island.jpg") no-repeat center center;
	background-size: cover;
	color:white; 
	font-family:Verdana, Geneva, sans-serif; 
}

#center
{
	display:block;
	margin-left: auto;
	margin-right:auto;
	margin-top: 20%;
}

/* This is block model code for centering the image.*/

#positionctr
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%); /* Safari needs this extra code */ 
}

figure {
  margin: 0; /* Remove default margin */
  text-align: center; /* Center the content if needed */
}
figcaption {
  margin-top: 0.5em; /* Adjust spacing as desired */
}

/* 
Find info on positioning code here: http://www.w3.org/Style/Examples/007/center.en.html#vertical
*/

/* 
More info on centering: http://designshack.net/articles/css/how-to-center-anything-with-css/ 
*/