html,
body { position: relative; width: 100%; height: 100%; }
body,
body * { box-sizing: border-box; }
body { padding: 0; margin: 0; font-family: 'Source Sans Pro', Helvetica, sans-serif; background: #fff url(images/background2.jpg) center center repeat; }
/*
.coming-soon { position: absolute; z-index: 1; top: 50%; left: 50%; padding: 0 30px; width: 375px; margin: -156px 0 0 -187px; text-align: center; }
.coming-soon h1 { margin: 0 0 15px; color: #333; font-size: 30px; text-transform: uppercase; }
.coming-soon img { display: block; max-width: 100%; margin: 0 0 15px; }
.coming-soon .caption { color: #333; font-size: 12px; }
*/
.page { width: 100%; max-width: 1400px; padding: 0 30px 20px; margin: 0 auto; background-color: rgba(255,255,255,0.9); }

.intro { overflow: hidden; padding: 20px 0 0 ; margin: 0 0 20px; }
.intro h1 { padding: 10px 0 30px; margin: 0; font-family: 'Lobster', Helvetica, sans-serif; font-size: 50px; text-align: center; }
.intro .intro-image { display: block; float: right; width: 400px; border: 10px solid #fff; margin: 17px 0 10px 25px; }
.intro p { font-size: 16px; line-height: 1.5; }


.track-listing { list-style-type: none; margin: 0; padding: 0; }
.track-listing li { margin: 0 0 20px; }
.track-listing iframe { box-sizing: border-box; width: 100%; height: 166px; }

.copyright { font-size: 10px; text-align: center; }




@media screen and (max-width: 850px) {
    .intro .intro-image { width: 300px; margin: 17px 0 5px 20px; }
}

@media screen and (max-width: 550px) {
    .page { padding: 0 20px 20px; }
    .intro h1 { padding: 0 0 20px; font-size: 30px; }
    .intro .intro-image { float: none; width: 100%; margin: 0 0 20px; }
}