/*Global*/

body{
	font-family: Georgia;
	font-weight: 400;
	font-size: 1.125em;
	letter-spacing: 1px;
	background: #e4e4e4 url('img/subtle_grunge.png') repeat;
}
a {
	color:blue;
	text-decoration: none;
}

img {
	max-width: 100%;
}
/*navigation*/

#nav ul {
	width: 100%;
	margin: 0 0 2% 0;
	list-style: none;
	float: right;
}
#nav ul li {
	float: left;
	}
	#nav ul li.home {
			width: 15%
	}
	#nav ul li.about {
			width: 15%;

	}
	#nav ul li.download {
			width: 15%;

	}
	#nav ul li.music {
			width: 15%;

	}
	#nav ul li.format {
			width: 15%;
	}
	#nav ul li.contact {
			width: 15%;
	}
/*Navigation Hover*/

#nav ul li.home:hover {
	background-color: rgba(207, 207, 207, 0.8);
}

#nav ul li.about:hover {
		background-color: rgba(207, 207, 207, 0.8);
	}
#nav ul li.download:hover {
		background-color: rgba(207, 207, 207, 0.8);
	}
#nav ul li.music:hover {
		background-color: rgba(207, 207, 207, 0.8);
	}
#nav ul li.format:hover {
		background-color: rgba(207, 207, 207, 0.8);
	}
#nav ul li.contact:hover {
		background-color: rgba(207, 207, 207, 0.8);
	}
#nav ul li a {
	color: black;
	display: block;
	text-decoration: none;
	}
	
/*content*/
#copyright {
	border-top: 2px solid #2a0400;
	padding: 2% 0;
	margin: 2% 0;
	text-align: center;
}


/*media queries*/

/* Larger ----------- */
@media screen and (max-width: 1024px) {

		#title {
			margin: 0;
		}
		
		#logo {
			width: auto;
			text-align: center;
		}
		
		#logo object {
			max-width:  55%;
		}
		
		#subtitle {
			width: 100%;
			text-align: center;
		}
		
		/*Larger--------NAVIGATION BAR*/
		#nav {
			width: 100%;
			margin: 0 0 2% 0;
		}
		#nav ul {
			margin: 0;
		}
		
		#nav ul li {
			float: left;
			margin: 5% 0 0 0;
			}
			#nav ul li.home {
				width: 16.66%;
			}
			#nav ul li.about {
				width: 16.66%;
			}
			#nav ul li.download {
				width: 16.66%;
			}
			#nav ul li.music {
				width: 16.66%;
			}
			#nav ul li.format {
				width: 16.66%;
			}
			#nav ul li.contact {
				width: 16.66%;
			}
		
		
		}

/* Medium ------------ */
@media screen and (max-width: 768px) {

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	width:100%;
	}

#nav ul  li.home {
		width: 33.33%;
		text-align: left;
	}
	#nav ul  li.about {
		width: 33.33%;
		text-align: left;
	}
	#nav ul  li.download {
		width: 33.33%;
		text-align: left;
	}
	#nav ul  li.music {
		width: 33.33%;
		text-align: left;	
	}
	#nav ul li.format {
		width: 33.33%;
		text-align: left;
	}
	#nav ul li.contact {
		width: 33.33%;
		text-align: left;
	}

}



/* Smaller ----------- */
@media screen and (max-width : 650px) {

#logo object {
	max-width: 100%;
}
#nav ul {
	margin: 5% 0;
}

#nav ul li a {
	-webkit-user-select: none;
	font-size: 1em;
}

#nav ul li {
	float: left;
	margin: 0;
	}
	#nav ul  li.home {
		width: 33.33%;
		text-align: left;
	}
	#nav ul  li.about {
		width: 33.33%;
		text-align: left;
	}
	#nav ul  li.download {
		width: 33.33%;
		text-align: left;
	}
	#nav ul  li.music {
		width: 33.33%;
		text-align: left;	
	}
	#nav ul li.format {
		width: 33.33%;
		text-align: left;
	}
	#nav ul li.contact {
		width: 33.33%;
		text-align: left;
	}