html, body {
	margin:0;
	padding:0;
	background:#000;
	font-family:sans-serif,helvetica;
	color:#56595d;
	line-height:1.4;
}


#body-wrapper {
padding-top:40px;
background:#e6e6e6;
}

@media (min-width:768px) {
	#body-wrapper {
		padding-top:110px;
	}
}

#footer-wrapper {
	font-weight:300;
	background:#000;
	color:white;
	padding:20px 0 200px 0px;
}

header, main, footer, aside {
max-width:1000px;
margin:0 auto;
padding-left:20px;
padding-right:20px;
}

a {
	color:#4073c1;
	text-decoration:none;
	font-weight:800;
}

footer a {
	color:white;
}

footer a:hover {
	color:#ccc;
}
a:hover {
	color:#365e9c;
}

main:after {
	content:'';
	display:table;
	clear:both;
}
p {
	font-weight:300;
}

.footer-top {
	margin-top:100px;
	display:block;
	background:url(splash_img/unfair_footer_top.png);
	min-height:30px;
	background-position:center center;
}

#primary {
	max-width:50%;
	float:left;
	margin-right:10%;
}

footer > div {
	display:inline-block;
}

#primary h1, #primary h2, #primary h3 {
	font-weight:300;
	margin:30px 0;
}
#secondary {
	max-width:40%;
	float:left;
}

#secondary a {
	-webkit-transition: .2s ease;
-moz-transition: .2s ease;
-o-transition: .2s ease;
-ms-transition: .2s ease;
transition: .2s ease;
}

#secondary a:hover {
opacity:.8;
}

hr {
	border-style:solid;
	border-width:1px;
	border-top:none;
	margin:30px 0;
}

@media (max-width:767px) {
	#primary, #secondary {
		max-width:100%;
		margin:0;
		float:none;
	}
	#primary {
		margin-bottom:50px;
	}

}


ul#social li {
	position:relative;
	bottom:0;
	list-style-type:none;
	float:left;
		-webkit-transition: .1s ease;
-moz-transition: .1s ease;
-o-transition: .1s ease;
-ms-transition: .1s ease;
transition: .1s ease;
}

ul#social {
	float:right;
	margin:0;
}

ul#social li:hover {
	bottom:2px;
}
}