html, body, #container {
height:100%;
margin:0;
padding:0;
}
body
{
background-color:#000;
margin: 0 auto;
padding: 0;
color: #fff;
font-family: Arial,Helvetica,Verdana;
font-size: 13px;
font-weight: normal;
text-align: justify;
text-decoration: none;
letter-spacing:1px;
word-spacing:2px;
}

body > #container {
height:auto;
min-height:100%;
}
h2
{
font-family: Arial,Helvetica,Verdana;
font-size: 32px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: red;
letter-spacing:1px;
word-spacing:2px;
}
h5
{
font-family: Arial,Helvetica,Verdana;
font-size: 12px;
font-weight: normal;
text-align: center;
text-decoration: none;
color: fff;
letter-spacing:1px;
word-spacing:2px;
}
.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
* html > body .clearfix {
display:block;
width:100%;
}
* html .clearfix {
height:1%;
}

#footer {
 clear: both;
 position: relative;
 z-index: 10;
 height: 3em;
 margin-top: -3em;
}