#footer{
	width: 100%;
	margin: 0 auto;
}

@media screen and (min-width: 801px){
	#footer #social{
		display: table;
	}
	#footer #social #socialRef{
		display: table-cell;
		padding: 30px 0px 5px 0px;
	}
}

@media screen and (max-width: 800px){
	#footer #social{
		margin: inherit;
		display: block;
		padding-top: 10px;
	}
	#footer #social #socialRef{
		width: 100%;
		margin: inherit;
		display: block;
		margin: 20px 0px 20px 0px;
	}
}

#footer #social{
	width: 60%;
	margin: inherit;
	text-align: center;
}

#footer #social #socialRef{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 20px;
}

#footer #social #socialRef img{
	width: 60px;
}

#footer #info{
	max-width: 800px;
	margin: inherit;
	text-align: center;
	font-size: 20px;
    font-weight: 100;
}

#footer a{
	text-decoration: underlined;
}

#footer hr {
	width: 50%;
}