body {
  /*background: #f06d06;*/
	background:#eeeeee;
  font-size: 1.0em;
  padding: 20px;
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}

.center {
	float: left;
	padding: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
	text-align: center;
	border: 1px solid #dddddd;
}



/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	/*border: 1px solid #cccccc;*/
	-moz-box-shadow:0px 0px 2px #000;
	-webkit-box-shadow:0px 0px 2px #000;
	box-shadow:0px 0px 2px #000;
}

main {
  position: relative;
  background: white;
  height: 200px;
  width: 60%;
  margin: 0 auto;
  padding: 20px;
  resize: both;
  overflow: auto;
}

main div {
  background: black;
  color: white;
  width: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 20px;
  resize: both;
  overflow: auto;
}





.Center-Container {
  position: relative;
}

.Absolute-Center {
  width: 50%;
  height: 50%;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}