.fixed-header, .fixed-footer {
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
	position: fixed;
	background: #333;
	padding: 10px 0;
	color: #fff;
	text-align: center;
	z-index: 100;
}

.fixed-header {
	top: 0;
}

.fixed-footer {
	bottom: 0;
}

.logo-banner {
	padding-left: 1em;
	width: 7em;
	float: left;
}

.container-header {
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
	text-align: center;
}

nav {
	color: #fff;
}

/* Some more styles to beautify this */
nav a {
	color: #fff;
	text-decoration: none;
	padding: 7px 25px;
}

nav a:hover {
	color: #F00;
}

a {
	display: inline-block;
	text-decoration: none;
	color: #FF0;
}

.rotationbar {
	color: #fff;
}
	

.signin {
	position: relative;
	float: right;
	margin-right: 20px;
	color: #fff;
	text-decoration: none;
}

.banner {
	background-image: url('img/banner.png');
	width: 100%;
	background: transparent no-repeat center;
	background-size: cover;
}

.game-bar {
	color: #FFF;
}

hr {
	border: 0; 
	height: 5px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.border-circle {
	margin: 0 16px;
	border: 2px solid white;
	border-radius: 100%;
}