/*-------------------------------------------------------------------------------------------*/
/*- MEDIA QUERIES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*------------------------------------------------*/
/* layouts smaller than 600px, iPhone and mobiles */
@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {
	html {-webkit-text-size-adjust: none;}
	body{font-size: 15px;}
	
	#sitewrapper{padding: 20px;}
	#content-container{float: none; width: auto; min-height: 300px; padding: 50px 0px 40px; margin: 0px; position: relative;}

	.logo{margin-bottom: 10px;}

	#left-column{float: none; width: 100%;}
	#right-column{float: none; width: 100%;}

	.blog-main-post-container li .content{padding: 20px;}


	#menu-drop-button{display: block; float: right; height: 30px; width: 30px; position: absolute; top: 0px; left: 0px;  background: #f0f0f0 url(images/layout/drop-down.png) center no-repeat; background-size: 60px 60px; border-radius: 0px 0px 5px 5px;}
	
	ul#nav{display: none; margin: 0px -20px 0px; background: #333;}
	ul#nav li{float: none; width: 100%; margin: 0px; padding: 0px 0px;}
	ul#nav li a{display: block; padding: 10px 20px; border-bottom: 1px dotted #555; color: #ccc; background: none; border-radius: 0px;}
	ul#nav li.current-menu-item a{background: none;}
	ul#nav li a:hover{color: #fff; background: none;}
	ul#nav li ul{display: none !important;}


	.post-meta{padding: 20px 10px 15px; clear: both;}
	.social{float: none;}
	.post-comments{clear: both; margin-top: 10px;}
	#comments{padding: 20px;}

	.format-quote .copy{padding: 80px 20px 20px;}
	.search-form input[type="text"]{min-width: 150px; max-width: 300px; width: 75%;}

	.two-column.portfolio-list li{float: none; width: 100%;}
	.two-column.portfolio-list li .content{padding: 20px;}
	.single-portfolio .full-width .content{padding: 20px;}
	.portfolio-category-list{margin-bottom: 20px;}

	.copy blockquote{font-size: inherit;}
	
	
}

/*---------------*/
/* iPad PORTRAIT */
@media only screen and (max-width: 768px) and (min-width: 600px) {
	
}


/*---------------*/
/* RETINA ICONS  */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
#menu-drop-button { 
    background: #f0f0f0 url(images/layout/drop-down.png) center no-repeat;
    background-size: 60px 60px;
    height: 30px;
    width: 30px;
}
}