html {
	height: 100%;
}
.body-custom {
	display: table;
	position: relative;
	font-family: Tahoma, Verdana, serif;
	font-size: 1.2em;
	font-weight: 400;
	color: rgba(0,0,0,1);
	background-color: rgba(153,204,255,0.3);
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
.header-custom,
.main-custom,
.footer-custom {
	display: table-row;
	margin: 0;
	padding: 0;
	width: 100%;
}
.header-navbar {
	background: red;
	min-height: 2em;
}
.container {
	display: table;
	position: relative;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 1em;
	width: 75%;
}
.header-custom > .container {
	display: table-cell;
	vertical-align: top;
}
.main-custom > .container {
	display: table-cell;
	vertical-align: middle;
	min-height: 100%;
}
.footer-custom > .container {
	display: table-cell;
	vertical-align: bottom;
}
.page-logo {
	opacity: 0.4;
}
@media (max-width: 768px) {
	.page-logo img {
		width: 100%;
	}
}