html, body, #outer-wrapper {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

body {
	background-color: #1b1b83;
}

#outer-wrapper {
	display: table;
	font-size: 1.35em; /* use this to magnify page size */
}

#inner-wrapper {
	display: table-cell;
	margin: 0;
	padding-top: 1em;
	padding-bottom: 2em;
	padding-left: 2em;
	padding-right: 2em;
	text-align: center;
	vertical-align: middle;
	/* border: 5px solid #ffee11; /* uncomment to see page border */
}

@font-face {
	font-family: Kennedy;
	src: url("kennedy.ttf") format("truetype");
}

#wrapper-box {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.div-element {
	text-align: center;
	padding-top: 1.5em;
}

.brand-name {
	font-family: Kennedy;
	color: white;
	font-size: 3em;
}

.logo {
	height: 10em;
}

.text {
	margin: 0 auto;
	font-style: italic;
	font-weight: bold;
	font-family: Palatino, serif;
	color: white;
	text-align: justify;
	width: 32em;
	font-size: 1em;
	line-height: 1.8;
}