/* STRUCTURE */

html,body{
height: 100%;
margin: 0;
padding: 0;
background-color: #000000;
}

#vertical{
height: 50%;
width: 100%;
margin-top: -110px; /* set to half vertical height*/
float: left;
}

#container{
height: 220px;
width: 500px;
margin-left: auto;
margin-right: auto;
overflow: auto; /* allow content to scroll inside element */
text-align: left;
clear: both;
}

#logo{
text-align: center;
}

#sub{
text-align: center;
}

/* TEXT */

body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%;
color: #ffffff;
}

.sub-text{
font-size: 1em;
line-height: 2em;
}