* {
	box-sizing: border-box; 
}
body {
    background-color: #1f1f1f;
    color: #000;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 1.42857;
}    
    a:link {
	color: #fff;
}

.header {
	background-color:#1f1f1f;
}
.moonslogo {
	background-image: url('../moonlogo.png') margin: 5px 0;
	text-align: right;
	height: 100%;
	height:100%;
	margin-right: 30%;
}
.copyright {
    text-align:center;
    font-size:x-small;
    padding-top:20px;
	width: 100%; 
	max-width: 1200px; 
	height: 150px;  
	margin: 0 auto;	
    background-color:#044188;
    background-position:center;
    background-image:url('')
    
}

.container{
	width: 100%; 
	max-width: 1200px;   
	margin: 0 auto;
	background-color:#fff;	
}
.row {
	background: #c6c6c6;
}
.row:before, 
.row:after {
	content:"";
	display: table ;
	clear:both;
}

.col-1{ width: 23.33%; float: left; min-height: 1px; padding: 10px;}
.col-2{ width: 76.66%; float: left; min-height: 1px; padding: 10px;}
.col-3{ width: 100%; float: left; min-height: 1px; padding: 10px; }

@media all and (max-width:800px){
	.col-1{ width: 100%; }
	.col-2{ width: 100%; }
	.col-3{ width: 100%; }
}

.box {
	padding: 0px 10px 0px 10px;
	border: 0px #fff inset;
}