body, div, span, table, video
{	margin:				0;
	padding:			0;
	border:				0;
	vertical-align:		baseline;
	font-family: arial, Geneva, sans-serif;
}

body						
{	transition:	background-color .5s;	/* Function used by the NavBar */
}



.anchor
{
	display:	block;
	position:	relative;
	top:		-430px;			/* This is changed once document is loaded */
	visibility:	hidden;

}

.box-intro					/* Ignores white space - Aligns all text to the BaseLine*/
{	display: 	flex;
	display: 	-webkit-flex;
	align-items:	baseline;
}

.container-intro 
{	position: 	relative;
	text-align: 	center;
	color: 		white;
}

.top-left 
{	position: 	absolute;
	top:		8px;
	left:		16px;
}

.bottom-left
{	position:	absolute;
	bottom:		8px;
	left:		16px;
}

.top-right
{	position:	absolute;
	top:		8px;
	right:		16px;
}

.centred
{	position:	absolute;
	top:		50%;
	left:		50%;
	transform: 	translate(-50%, -50%);
}

.bottom-centre
{	position:	absolute;
	bottom:		8px;
	left:		50%;
	transform: 	translate(-50%, -50%);
}

.fontn					/* Used by Welcome to our Universe */
{	font-size:	100%;
}

.fonts
{	font-size:	70%;
}

#footer
{
	color:			white;
	background-color:	black;
	text-align:		center;
	padding-top:		10px;
	padding-bottom:		10px;
	font-size:		66%;
}

#intro_img, video
{
	height:		100%;
	width:		100%;
	padding: 	0px;
}

#logo-intro				/* Overlay to the opening graphic */
{	height:		50px;
	width:		auto;
}

#welcome				/* Welcome to our Universe */
{	position:	absolute;
	bottom:		8px;
	left:		50%;
	transform: 	translate(-50%, -50%);
	font-family:	"Arial Bold";
	text-transform:	uppercase;
	color:		#FF7714;
}


#main				/* Mission statement */
{
}

#mission
{	padding:	10px; 
}