body {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    font-family: Roboto, calibri, sans-serif;
    background-color: #F6F7DC;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}

.content {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.social-box {
	margin-left: auto;
	margin-right: auto;
	background: black;
	color: white;
	padding: 5px 5px 5px 5px;
	opacity: 0.8;
}

.social-box:hover {
	background-color: red;
}

.social-icon {
	display: inline-block;
	vertical-align: top;
	width: 18px;
}

.center-box {
	margin-left: auto;
	margin-right: auto;
	background: black;
	color: white;
	padding: 5px 5px 5px 5px;
	width: 60%;
	opacity: 0.8;
}

.center-box:hover {
	background-color: red;
}

.center-social-box {
	margin-left: auto;
	margin-right: auto;
	padding: 5px 0px 5px 0px;
	text-align: center;
}

.wider-center-box {
	margin-left: auto;
	margin-right: auto;
	background: black;
	color: white;
	padding: 5px 5px 5px 5px;
	width: 85%;
	text-align: center;
	opacity: 0.8;
}

.copyright {
	text-align: center;
	color: white;
	text-shadow: -1px 1px 0 black, 1px 1px 0 black, 1px -1px 0 black, -1px -1px 0 black;
	opacity: 0.3;
}

a {
	text-decoration: none;
}

a:hover {
	background-color: red;
}