html, body { 
	margin: 0; padding: 0;
}

#background { 
	background: url('../images/Me-Without-You-album-cover.jpg') center 25px no-repeat #010101;
	background-size: 50%; 
}

#wrapper { 
	display: block;
	width: 900px;
	height: 400px;
	margin: 150px auto 0 auto;
	text-align: center;

}
#wrapper-two {
	display: block; 
	width: 900px;
	height: 400px;
	margin: 50px auto;
}

#content { 
	display: block;
	width: 900px;
	height: 400px;
	background-color: red;
	margin: 25px auto 0 auto;
}

#enter {
	font-size: 50px;
	font-family: 'Shadows Into Light', cursive;
	text-decoration: none;
	color: #fcf102;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#enter:hover { 
	color: #fff;
}

#bottom {
	display: block;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 100px;
	background-color: #111;
	border-top: 1px solid #fcf102;
}


#socialMedia { 
	display: block;
	width: 265px;
	text-align: center;
	margin: 0 auto;
}

#socialMedia a {
	display: block;
	float: left;
	margin: 30px 10px 0 0;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;

}

#socialMedia a:last-child {
	margin: 30px 0 0 0;
}

#socialMedia a:hover { 
	-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}

#socialMedia img { 
	display: block;
	width: 45px;
	height: 45px;
	float: left;
}

#iTunes { 
	position: fixed;
	top: 0;
	left: 0;
	margin: 25px 0 0 25px;
}

@media only screen and (max-device-width: 900px) {
#background { 
	background: url('../images/Me-Without-You-album-cover.jpg') center 125px no-repeat #010101;
	background-size: cover; 
}

#wrapper { 
	display: block;
	width: 900px;
	height: 400px;
	margin: 150px auto 0 auto;
	text-align: center;

}
}