@media screen and (max-width: 478px) 	{
	h1 { font-size: 3.5em; padding: 1px; }
	body { font-size: 13px; }
	nav a { width: 100%; text-transform: uppercase; }
	nav {width: 100%; margin:0 auto; }
	nav a:hover { background-color: none; }
	#nav li  {padding-right: 5%; text-align:left; }
	#header {height:30px;}
	#nav {float:left;margin:0px;}
	.list li {margin-top:20px;}
	.divider { background: url('../img/divider-mobile.png')no-repeat; width: 150px; height: 35px; margin: 0px auto 27px auto; }
	#home, #skills, #projects, #contact {height:500px; padding-bottom: 50px;}
	.quotes {font-size:1.3em;}
	.jarvis {display:none; }
	.contact-container  {display:none; }
	#contact {padding: 200px 0px 0px 0px; max-height:500px; }
}

@media screen and (max-width: 768px) 	{
	.left-col { width: 90%; }
	.sidebar { width: 95%; }
	#nav li a {font-size: .9em;}
	.list li  {font-size:.8em; text-align:center; margin-left:-20px;}	
	.resume-container {margin: 0 0% 0% 0%;padding-top:50px;}
	#copyright {margin-top:20px;}
	}

@media screen and (max-width: 200px) 	{
	.left-col { width: 70%; }
	.sidebar { width: 95%; }
}

@media screen and (min-width: 741px) 	{
	.sidebar { margin-right:20px; }
}


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