* {
	margin:0px;
	padding:0px;
}

body{
	background: url('images/background.jpg') repeat; 
	font-family: 'PT Sans', arial, sans-serif; margin:0; padding:0;	
}

header {
	text-align:center;
}

header img {
	max-width:98%;
}

footer {
	text-align:center;
	font-size:.8em;
}

.logo {
	max-width:120px;
	margin-top:10px;
}

.name {
	max-width:98%;
}

.centeredContent {
	text-align:center;
}

.mainImage {
	max-width:100%;
	margin:10px;
}

nav li {
	width:46%;
	display:inline-block;
	background-color:blue;
	float:left;
	text-align:center;
	margin:2px 2%;
	border-radius:5px;
	box-shadow:2px 2px 2px black;
}

nav li a {
	width:100%;
	text-decoration:none;
	color:white;
	display:block;
	padding:8px;
}

nav li a:hover {
	text-decoration:none;
	color:white;
	background-color:rgba(0,0,0,.2);
}

.active {
	background-color:darkblue;
}

nav ul {
	display:inline-block;
}

.navDiv {
	width:100%;
	text-align:center;
}

.imageIcons {
	padding-bottom: 5px;
}

.imageIcons img {
	max-width:100%;
	max-height:140px;
}

#address {
        font-size:1.5em;
}

.masterRank {
	color:red;
}

#imagefooter img {
	max-width:100%;
	padding-bottom:5px;
}


@media (min-width:500px) {
	nav li {
		width:23%;
		margin:2px 1%;
	}

	#imagefooter img {
		max-width:400px;		
	}

	#address {
	        font-size:2em;
	}

}

@media (min-width:768px) {
	nav li {
		width:85px;
		margin:0px 0px;
		background-color:transparent;
		box-shadow:none;
		border:1px solid black;
		border-right:none;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
		border-bottom-right-radius:0px;
		border-bottom-left-radius:0px;

	}
	nav li:last-child {
		border-right:1px solid black;
	}
	nav ul li a {
		transition: background .3s linear;
		color:black;
	}
	.active {
		background-color:rgba(0,0,0,.4);
	}
}

@media (min-width:1200px) {
	.logo {
		position:absolute;
		max-width:162px;
	}
}