html,body {
  height: 100%;
}

#wrap {
	min-height: 100%;
	height: 100%;
	margin: 0 auto -82px 0;
}
.center-container {
	height:100%;
	display: table;
	width:100%;
	margin:0;
}

.center-row {
	height:50%;
	width:100%;
	display: table-row;
}
.center-row > div {
	height:100%;
	width:50%;
	display: table-cell;
	border:0 solid #eee;
	color:#fff;
	vertical-align:middle;
}
.bg-one {
	background:#000;
}
.bg-two {
	background: #FC0;
}

a {
	padding:20px;
	border:2px solid white;
	color:#FFF;
	text-decoration:none;
	font-size:20px;
}
a:hover {
	color:#000;
	background:#FFF;
	text-decoration:none;
}

.too {
	width:60%;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
p { text-align:justify; font-size:18px;}