Trying to make Decode look the same on mobile

I am trying to make the Decode theme look the same on mobile as it does on the laptop. So far the code I have (below) yields a blank phone screen. How can I make it appear the same as it does on the laptop? Thank you for any help you have.

@media only screen and (max-width: 480px) {
	#access .menu-header, div.menu, #colophon, #branding, #main, #wrapper, #site-title {
		width: 400px;
	}

	#container {
		width: 100%;
	}

	#branding img {
		width: 100%;
	}

	#site-description {
		float: left;
	}

	#access {
		width: 100%;
	}

	#content {
		width: 100%;
	}

	.hentry {
		margin-left: -13px;
	}

	#primary {
		display: none;
	}

	#footer {
		width: 100%;
	}

	#site-generator {
		float: left;
		margin-top: 5px;
	}
}