html,
body {
font-size: 100%; 
}

body {
background: white;
color: #222222;
padding: 0;
margin: 0;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
font-style: normal;
line-height: 2.0;
position: relative;
cursor: default; 
}

.text-center{
text-align: center;	
}

#header{
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;	
}

span.overlay{
background-color: rgba(000,000,000,0.20);
opacity: 0.8;
width: 100%; 
height: 100%; 
z-index: 2;
position: absolute;
}

.parent { 
height: 100%; 
max-width: 300px; 
min-width: 300px;
margin: 0 auto; 
text-align: center;
z-index: 300;
position: relative;
} 

.parent:before, .logo { 
display: inline-block; 
vertical-align: middle; 
} 

.parent:before { 
content: ''; 
display: inline-block; 
width: 0; 
height: 100%; 
vertical-align: middle; 
margin-left: -0.25em; 
} 

.logo{
overflow: auto;
color: #fff;
text-align: center;
margin: 0 auto;
opacity: 0.90;
font-size: 25px;
}

.main{
}

.main h1{
font-size: 23px;	
margin: 15px 0px 15px 0px;
}

.seperator{
margin: 30px 0px 30px 0px;
}

.seperator-inner{
width: 50px; 
height: 2px; 
background: #ccc;
margin: 0 auto;
}

.section{
padding: 60px 0px 70px 0px;
}

.light{
}

.dark{	
background: #E4E7EA;
}

.dark p, .dark h1{
color: #222;
}

.footer{
height: auto; 
background: #333;
color: #fff;
}

.footer img{
width: 45px;	
}