/* CSS Document */

/*seems to be very important to add margin:0px to the body, to stop there being a thin gap around the child containers
i'd have thought you'd set padding, but nope, it's the margin that seems to control this.
also, setting background color as well as image stops white flash when page loads*/
body
{
	padding: 0px;
	margin: 0px;
	background-color: #63483d;
}

#centralContent
{
	width: 100%;
	max-width: 980px;
	
	height: 100vh;	/*100vh is equal to the height of the browser window, regardless of where the element is situated in the DOM tree*/
	
	
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;		
}

.centralBlurb
{
    position: relative;
  	top: 50%;
  	transform: translateY(-50%);
}

.centralBlurb p
{
	text-align: center;
	color: LightGrey;
	font-family: Verdana, Geneva, sans-serif;
	font-size: large;	
}