/* CSS Document */
html, body {
	height: 100%;          /* required */
}
body {
	text-align: center;    /* horizontal centering hack for IE */
	padding: 0;            /* required to "hide" distance div */
	margin: 0;             /* required to "hide" distance div */
}
div#sitecontainer {
	position: relative;    /* positions content on top of distance */
	text-align: left;      /* horizontal centering hack for IE */
	width: 100%;
	/*min-height: 560px;*/
	/*background: white;   /* cosmetic */
	margin: 0 auto;        /* required */
	clear: left;           /* required */
}

div#centering {
	display: table;
	position: absolute;
	height: 100%;
	width: 100%;	
}
div#middle {
	display: table-cell;
	vertical-align: middle;	
}

@media screen and (min-width : 48em)  {	/* 768px */
	div#sitecontainer {
		width: 90vw;
		max-width: 1320px;          /* required - desired width */
	}
}
@media screen and (min-width : 64em)  {	/* 768px */
	div#sitecontainer {
		height:	90vh;
		max-height: 698px;          /* required - desired height */
		width: 90vw;
		max-width: 1320px;          /* required - desired width */
	}
}
@media screen and (min-width : 76.25em)  {	/* 768px */
	div#sitecontainer {
		height:	80vh;
		max-height: 698px;          /* required - desired height */
		width: 80vw;
		max-width: 1320px;          /* required - desired width */
	}
}