@media (max-width: 900px), (max-device-width: 900px)
{
	body > .container
	{
		width: auto !important;
		margin: 5px !important;
	}

	section
	{
		float: none;
	}

	#quickLinks
	{
		width: auto !important;
		margin: 0;
	}

	#quickLinks .paper
	{
		width: auto !important;
	}

	.paper
	{
		position: static !important;
		width: 100% !important;
		float: none !important;
		margin: 10px 0 !important;
		
	}

	#intro img
	{
		max-width: 100px;
		float: none;
		display: block;
		margin: 0 auto;
	}

	#intro h1
	{
		font-size: 24px;
		text-align: center;
	}

	#intro h1, #intro p
	{
		margin-left: 0;
	}

	#works ul li
	{
		float: none;
		width: auto;
		margin-bottom: 1em;
	}

	#works ul li .coverart,
	#works ul li .coverart img
	{
		display: none;
	}

	#works .controls
	{
		float: none;
		line-height: 30px;
	}

	#works .controls .refresh img
	{
		float: left;
		margin-right: 0.5em;
	}

	#twitter iframe
	{
		min-width: 100% !important;
	}
}