#linkbar {
	color: #fff;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	}
	
	#logo {
	float: none;
	width: 90%;
	margin: 0 auto;
	padding: 0;
	}

	#logo img {
	width: 100%;
	margin: 0;
	padding: 0;
	}

	a.link:link, a.link:visited {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	margin: 0;
	padding: 0 0 4% 0;
	width: 100%;	
	background: #fff;
	border: none;
	}
	
	a.curpage:link, a.curpage:visited {
	color: #ff0000;
	text-decoration: none;
	cursor: pointer;
	background: #fff;
	padding: 0 0 2% 0;
	width: 100%;
	border: none;
	font-weight: bold;
	}
	
	.racebar {
	width: 96%;
	margin: 0 0 3% 0;
	padding: 0 2% 0 2%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	}
	
	a.race {
	width: 30%;
	padding: 1%;
	color: #000;
	margin: auto;	
	}
	
	a.race img {
	width:100%;
	}
	
	a.race:link, a.race:visited {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	}
	
	a.curpage:hover, a.curpage:active {
	text-decoration: none;
	cursor: pointer;
	}
	
	a.link:hover, a.link:active {
	color: #ff0000;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
	}
	
	a.race:hover, a.race:active {
	text-decoration: none;
	cursor: pointer;
	//background: #ffe6e6;
	}
	

	@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
		
		#logo {
		margin: 0 auto 1% auto;
		}

		#linkbar {
		flex-direction: column;
   		margin: 0 auto 0 auto;
		}

		a.link:link, a.link:visited {
		width: 100%;
		margin: 0 0 2% 0;
		padding: 2% 0;
		display: inline-block;
		color: #fff;
		background: #000;
		border: none;
		}
		
		a.curpage:link, a.curpage:visited {
		width: 100%;
		margin: 0 0 2% 0;
		padding: 2% 0;
		display: inline-block;
		border: none;
		}
		
		a.link:hover, a.link:active {
		color: #000;
		background: #ffe6e6;
		font-weight: normal;
		}
	
		a.curpage:link, a.curpage:visited, a.curpage:hover, a.curpage:active {
		background: #ff0000;
		color: #fff;
		}
	
		.racebar {
		display: block;
		flex-direction: none;
		justify-content: none;
		width: 100%;
		margin: 0 auto 0 auto;
		clear:both;
		}
		
		a.race {
		width: 55%;
		margin: 0 auto 3% auto;
		display: inline-block;
		float: none;
		clear: both;
		}

	}