/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
  	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#wrapper, #content, #sidebar, #header, #main {
		width: 100%;
		float: left;
	}
	#header {
		background-image: none;
		height: auto;
	}
	#header img {
		display: block;
	}
	h1 {
		font-size: 2.5em;
		letter-spacing: 1.5px;
	}
	
	h2 {
		font-size:1em;
	}
	.samples #sidebar {
		margin-top:auto;
	}
	.main_nav {
		display: none;
	}
	.mobile_main_nav {
		display: block;
	}
	.mobile_main_nav ul li {
		width:100%;
		margin:.1em;
	}
	.mobile_main_nav ul li a {
		font-size: 1.2em;
	}
}