@media (max-width: 700px){
	body{

	}	
	
	#content {
		xborder:1px solid grey;
	}	
	


	#item-name-container {
		min-height:100px;
		max-width:95vw;
		width:99vw;
	}

	#item-name {

	}

	#item-stars {
		xdisplay:block;
	}

	#effects {
		xfont-size:0.8em;
		width:95vw;
		margin:120px auto auto auto;
	}

	.effect {
		xfont-size:0.8em;
		xcolor:Red;
		margin-bottom:5px;
	}
	
	#spinning-image {
		margin-top:-100px;
		max-width:95vw;
		
	}

	.image-layer {
		width: 100%;
		height: 300px;
	}

	#gen {
		position:fixed;
		bottom:0;
		width:90wv;
		left: 50%;
		transform: translateX(-50%);
		margin-bottom:10px;
	}

	#gen:hover {
		background-color:#73684b;
		color: #f3e6d0;
	}
	
}