body {
	background-color: #000000;
}

#img_div {
	width: 100%;
}

#resize-bg-image {
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	float: left;
}

#resize-bg-image {
	z-index: -1;
}

#content_div {
	width: 100%;
	height: 300px;
	background-color: #000000;
	position: relative;
	float: left;
}

#content_left {
	width: 33%;
	height: 300px;
	background-color: #000000;
	float: left;
}

#content_center {
	width: 33%;
	height: 300px;
	background-color: #000000;
	float: left;
}

#content_right {
	width: 33%;
	height: 300px;
	background-color: #000000;
	float: left;
}

h1 {
	color: #ffffff;
	text-align: center;
	font-family: Impact, Charcoal, sans-serif;
}

#fb {
	margin-left: auto;
    margin-right: auto;
    width: 50px;
    display: block;
}

.music {
	margin-left: 2%;
    float: left;
    width: 31%;
    display: block;
}

#mailTo {
	margin-left: auto;
    margin-right: auto;
    width: 150px;
    display: block;
}

#footer {
	width: 100%;
	background-color: #000000;
	position: relative;
	float: left;
	color: #ffffff;
	text-align: center;
	font-family: Impact, Charcoal, sans-serif;
	font-size: 20px;
}


@media only screen and (min-width:600px) {
	
}
@media only screen and (max-width:768px) {
	#content_div {
		height: 700px;
	}

	#content_left {
		width: 100%;
		height: 150px;
		float: left;
	}

	#content_center {
		width: 100%;
		float: left;
	}

	#content_right {
		width: 100%;
		float: left;
	}
	
	.music {
		margin-left: 2%;
    	float: left;
    	width: 46%;
    	display: block;
	}
/* 

	#footer {
		clear: both;
		float: left;
		position: relative;
	}
 */
}