@charset "UTF-8";
/* CSS Document */

/* 1081 px */
@media screen and (max-width: 800px) {
	form {
		display: none;	
	}
	
	header {
		padding-top: 40px;
		text-align: center;	
	}
        
	
	.thumb {
		width: 49%;	
	}
	
	#thumbs {
		margin-bottom: 10px;
	}
	
	/* for art pages */
	.desc {
		width: 100%;	
		float: none;
		clear: both;
	}
	
	
	.desc h2 {
		text-align: center;
		text-transform: uppercase;
		padding: 0px;
		margin: 0px;	
	}
	
	.desc h4 {
		text-align: center;
		text-transform: uppercase;
		padding: 0px;
		margin: 0px;
	}
	
	.desc p {
		text-indent: 25px;	
		
	}
	
	.desc h5 {
		text-align: center;
		text-transform: uppercase;
		margin: 0px;
		padding: 0px;	
	}
	
	.desc h5:before, .desc h5:after {
		content:" ♫ ";	
	}
	
	/* thumbs */
	.desc #thumbs {
		text-align: center;
	}
	
	.desc img {
		display: inline-block;
		width: 30%;	
	}
	
	audio {
		display: block;
		margin: auto;
		padding: 10px 0 15px 0;
	}
	
	.image {
		width: 100%;	
		float: none;
		clear: both;
	}
	
	.image img {
		width: 100%;
	}
	
	iframe {
		width: 100%;	
	}
	
	#index {
		width: 100%;
		margin: auto;
		text-align: center;	
	}
	
	#index img {
		width: 80%;
	}
	
	.half {
		width: 100%;	
	}
	
	#img1 {
		margin-bottom: 5px;	
	}
}