body
{
    background: #7b95b4;
    font-family: 'serenity', sans-serif;
    color: #DCE3EB;
}

svg
{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

header
	{
	top: 0;
	margin: 0;
	}
	
#top-nav
	{
	width: 100%;
	margin: 0;
	padding: 0;
	}
		
	#top-nav nav
		{
		float: right;
		margin: 55px;
		width: auto;
		}
		
		#top-nav nav ul,
		#top-nav nav ul li,
		#top-nav nav ul li a
			{
	    	font-family: 'serenity', sans-serif;
			font-weight: 200;
    		font-size: 16px;
			list-style: none;
            color: #DCE3EB;
			list-style-type: none;
			text-decoration: none;
			text-transform: uppercase;
			text-align: right;
			display: inline-block;
			}
			
		#top-nav nav ul li a:hover
			{
			color: #DCE3EB;
			text-decoration: underline;
			}

footer
	{
	margin: 0;
	padding: 0;
	virtual-align: bottom;	
	}

#bottom-nav
	{
	width: auto;
	margin: 0;
	padding: 25px;
	position: absolute;
	bottom: 0;
	}
	
	#bottom-nav nav ul,
	#bottom-nav nav ul li,
	#bottom-nav nav ul li a
		{
	   	font-family: 'serenity', sans-serif;
		font-weight: 200;
    	font-size: 12px;
    	color: #DCE3EB;
		list-style: none;
		list-style-type: none;
		text-decoration: none;
		text-transform: uppercase;
		text-align: right;
		}
		
	#bottom-nav nav ul li a:hover
		{
    	color: #DCE3EB;
		text-decoration: underline;
		}