ul {margin: 0; padding: 0; list-style: none;}
html {background: #333;}
body {margin: 0 auto; color: #fff; font-family: "alegreya sans", "helvetica neue", helvetica, arial, sans-serif; font-size: 16px;}
strong {font-weight: 600; text-shadow: 1px 1px 0 rgba(0,0,0,.75);}

#page {}

/*
#s1 {background: #56c712;}
#s2 {background: #4ba82e;}
#s2 {background: #439044;}
#s3 {background: #3a775a;}
#s4 {background: #315f71;}
#s5 {background: #294885;}
#s6 {background: #223497;}
#s7 {background: #1d2d7e;}
#s8 {background: #1c325c;}
*/

h1 {background: #56c712;
	text-align: center;
	font-size: 40px; font-weight: 900;
	color: #fff;
	margin: 0; 
	line-height: 40px; padding: 10px;
	text-shadow: 2px 2px 0 #000;
	border-top: 5px solid #294885;
	}

h2 {font-size: 24px; text-shadow: 1px 1px 0 #000;}

q {font-style: italic;}

#info {background: #439044; text-align: center; font-size: 24px; margin: 0;}
	#info p {margin: 0; line-height: 30px; padding: 15px;}
	#info p a {color: #cfc; text-decoration: none;} 
	#info p a:hover {color: #8e8; text-decoration: underline;}


#info2 {background: #3a775a; text-align: center; font-size: 0; margin: 0;}
	#info2 div {display: inline-block; width: 400px; font-size: 18px; 
		padding: 10px 20px 0 20px; margin: 10px; vertical-align: top; text-align: left; }
	#info2 p {margin: 0 0 .5em 0;}

#info3 {background: #315f71;  text-align: center; font-size: 0; margin: 0;}
	#info3 p {display: inline-block; width: 400px; font-size: 18px; 
		padding: 5px 20px; margin: 0 10px; vertical-align: top; text-align: center; 
		}
		#info3 #mlogo {padding-top: 15px;}
	#info3 a {display: inline-block;}
	#info3 a img {display: block;}


#artists {text-align: center; background: #294885; font-size: 0; padding-top: 10px; padding-bottom: 50px;}

.artist {display: inline-block; padding: 10px 20px 20px 20px; margin: 10px; vertical-align: top; text-align: left; background: #223497;
	font-size: 16px;
	
	}
	.artist ul {font-size: 18px;}
	.artist p {margin-left: auto; margin-right: auto; text-align: center;display: inline-block; width: 100%;}
	.artist p:after {content: " "; display: block;}
	.artist a.pic {float: left; margin: 0 20px 5px 0;}

	.sold {text-transform: uppercase; padding: 2px 5px; background: crimson; display: inline-block;
		font-weight: bold;
	}

#footer {background: #1d2d7e;}
	#footer p {margin: 0; line-height: 30px; padding: 15px; font-size: 24px; text-align: center; text-shadow: 1px 1px 0 #000;}

#btm {background: #1c325c; height: 60px;}
	#btm p {margin: 0;}



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

	#info strong {display: block;}

}



@media screen and (max-width: 960px) {

	#info2 div {display: block; width: auto; margin: 0; padding: 20px;}
	.fake {display: none;}
	
	#info3 {padding: 20px 0;}
	#info3:before, #info3:after {content: " "; display: table;}
	#info3:after {clear: both;}
	#info3 p {float: left; width: auto; margin: 0; display: block;}
	#info3 #mlogo {float: right;}
}



@media screen and (max-width: 500px) {

	.artist {width: 80%;}
	.artist a.pic {float: none; display: block; margin-bottom: 20px;}

}