@media screen and (max-width: 478px) 	{
	h1 { font-size: 40px; padding: 1px; line-height:30px}
	h2 { font-size: 13px; padding: 1px; }
	body { font-size: 12px; }

}

@media screen and (max-width: 740px) 	{
	.left-col { width: 100%; }
	.sidebar { width: 100%; }
}

@media screen and (max-width: 480px) { }


}


/* nav Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	nav { 
  		height: auto;
  	}
  	nav ul {
padding:0;
margin:0;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 25%;
  		float: left;
  		position: relative;
  	}

  	nav a {
	  	text-align: left;
	  	width: 100%;

  	}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav li {
  		width: 100%;
		border-bottom:1px solid #fff;
		margin:0
		}
	nav li a{
		padding:.5 0;
		margin:0
		}
	nav a#pull {
		display: block;
		background-color: #000;
		width: 100%;
		padding:15px 0;
		margin:0;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 13px;
	}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	
		h1 { font-size: 20px; padding: 1px; line-height:10px}
	h2 { font-size: 12px; padding: 1px; }
	body { font-size: 10px; }

}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}