html, body { height:100%; text-align:center; }
body  { color: #f2f2f2; background: #000 url(bg.jpg) repeat-y top center; background-size:100%; margin: 0; padding: 0 20px; }
body, p, td, li, ul, ol, h1, h2, h3, h4, h5, h6  {
  font-family: "Gabarito", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

h1 { color: #aaa; font-size: 1.8em; font-family: "Gabarito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;}

a { font-weight:bold; text-decoration: none;}
a:link { color: #275364; }
a:visited { color: #aaa; }
a:hover, a:active, a.active { color: #ff8c00; text-decoration: underline; }

p { text-indent:14px; }
p img {float:left; margin: 0 14px 14px 0; border: 4px solid #f2f2f2;}

/*
** Page layout elements
*/

.nav {width:360px;margin:auto;}

#header {}

#header #logo img {border:0;width:360px;margin-top:20px;}

#header .nav td {}

#content {text-align:center; width:500px;background-color:#000;margin:20px auto;padding:20px 0;border: 3px solid #1a1a1a; border-radius:10px;}

#content iframe {display:block; margin: 10px auto;border-radius:10px;}

#content h1 {}

#artists a img {display:inline;margin:0 10px;width:65px;border:1px solid #1a1a1a;border-radius:4px;}
#artists a img:hover {border:1px solid #787878;}

#contact-form { width:50%; text-align:right;}
#contact-form input, #contact-form textarea {margin:10px 0 0 10px;}

#footer {}

#footer .nav td {}

#footer #copyright {font-size:.8em;padding:20px;}

#busted {display:none;}


@media (max-width: 600px) {	
#header #logo img {width:80% !important;}
#content {width:96%;}
#content iframe {width:100% !important;}
	
		}