*
{
  color: #fff;
  font-size: 28px;
  font-weight: 300;
  box-sizing: border-box;
  font-family: 'Metrophobic', Arial, serif; font-weight: 400;
}

body
{
  background-color: #323232;
  padding: 0px;
}

header,
nav,
section,
aside

{
  text-align: center;
  background-color: #666666;
  border-radius: 5px;
  padding: 50px;
  
  
}

header,
nav
{
  bottom: 0;
  width: 100%;
  padding: 50px;
  
   
}

footer
{
	 
	text-align: center;
	background-color: #666666;
	border-radius: 5px;
	padding-top: 50px;
	padding-bottom: 50px;
	position: absolute;
	bottom: 0;
    width: 99%;
    height: 2.5rem;            /* Footer height */
}     

header
{
  margin-bottom: 50px;
}

h1
{
  margin: 0;
}

h4{
 color: #fff;
  font-size: 18px;
}


nav,
aside
{
  width: 25%;
}

section
{
  float: left;
  width: calc(50% - 100px);
  margin: 0 50px 50px 50px;
}

section header,
section article

{
  width: 100%;
  background-color: #999999;
  border-radius: 5px;
  margin: 0;
  padding: 50px;
}

section article
{
  margin: 25px 0;
}

nav
{
  float: left;
}

aside
{
  float: right;
}


footer
{
  clear: both;
 
}