@media screen and (max-width: 650px) {
	div#quote {
		font:1em/1.3em desyrelregular;
		width:50%;
		right:11%;
		top:19.5%;
	}
	
	div#mobilemenu {
		position:absolute;
		top:102px;
		left:5%;
		display:block;
		z-index:100;
	}
	
	div#container {
		padding:0;
	}
	
	div#container.sub div#mobilemenu {
		position:relative;
		margin-top:-2%;
		left:2%;
		top:0;
	}
	
	div#menu {
		position:relative;
		margin:123px 45% 0 4%;
		left:0;
		width:88%;
		background:none #ffffff;
		z-index:100;
		padding:0.5em;
		display:none;
		z-index:9090;
		border:1px solid #d2232a;
		border-radius:0 25px 25px 0;
		box-shadow:4px 4px 4px #999
	}
	
	div#container.sub div#menu {
		margin:0 0 0 2% !important;
		width:90%;
	}
	
	div#menu.on {
		display:block;
	}
	
	div#menu h3 {
		border-bottom:1px dotted #999;
		padding-bottom:2px;
		
	}
	
	div#music {
		left:31%;
		top:43%;
	}
	
	div#frontnews {
		right:17%;
		top:6%;
		width:43%;
		font-size:0.7em;
		line-height:1.2em;
		background:none rgba(13,13,13,0.3);
		padding:0% 1%;
	}
	
	div#content {
		border:0;
		width:96%;
		padding:2% 2% 0 2%;
		margin:0;
	}
	
	div#book_main img {
		float:none;
		display:block;
		clear:both;
		max-width:100%;
	}
	
	div#content img {
		clear: both;
    display: block;
    float: none;
    max-width: 100%;
	}
		
		div#book_main div.txt {
			float:none;
			max-width:100%;
		}
	
	div.book {
		width:46% !important;
	}
	
	div#puffs {
		float:left;
		margin-left:33%;
	}
	
		
	div.puff {
		width:58%;
	}
	
	div.thumb {
		width:47%;
		margin:0 1.5% 4% 0%;
	}
	
	div#f1 {
		font-size:0.5em;
		line-height:1.1em;
	}
}


@media screen and (max-width: 500px) {
	
	#menu {
		margin-top:124px !important;
	}

}