@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
body{
    padding:0;
    margin:0;
    }
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}
a{
	 -webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
         -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
}

#wrapper{
	overflow: hidden;
	max-width:1024px;
	width:100%;
	min-height:768px;
	height:100%;
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
	
}
#header{
	text-align: center;
	background:rgba(255,255,255,1)!important;
	max-width:1024px;
	width:100%;
	position:relative;
	top:0;
}

#logo{
	margin: 50px auto 30px auto;
	text-align:center;
}
#logo img{
	width:140px;
	height:auto;
}
#logo a{
    color:#000;
    text-decoration:none;
    width:100%;
    text-align:center;
    font-size:25px;
}
#banner{
	font-size:20px;
	letter-spacing: 7px;
	font-weight: 400;
	border-bottom: 2px solid #999;
	padding-bottom:10px;
}
.subtitle{
	font-size:15px;
	letter-spacing: 5px;
}
#content{
	padding:0 20px;
	height:auto;
	margin:0 auto;
}
#foot{
	font-size: 10px;
	letter-spacing: 4px;
	text-align: center;
	color:rgba(0,0,0,0.25);
	clear:both;
}
#foot a{
	text-decoration: none;
	color: inherit;
}
#break{
	display:block;
}
#mobile_nav{display:block;}
	nav{display: none;}
@media only screen and (min-width: 481px) {
	#mobile_nav{display:none;}
	nav{display: block;}
nav ul{
	font-size:15px;
	letter-spacing: 5px;
}
nav ul li{
	display: inline-block;
}
nav ul li:after{
	content:"|";
	margin-left:10px;
}
nav ul li:last-child:after{
	content:"";
}
nav ul li a{
	text-decoration: none;
	color:#666;
	text-transform: uppercase;
}
nav ul li a:hover{
	color:#000;
}
	#content{
	height:543px;
}
	#break{
	display:none;
}
}