/* - MOBILE STYLES
---------------------------------------------- */



/* 4.Tablet landscape / low resolution */
@media only screen and (min-width: 870px) and (max-width: 1170px){

	.constraint{width:870px;}
	
	ul.work-items li.last{margin-right:30px;}
	ul.work-items li:nth-child(3n+3){margin-right:0px;}
	ul.work-items li:nth-child(n+7){display:none;}
	#play ul.work-items li:nth-child(n+4){display:none;} 
	
	article p,
	article li{
		font-size:1.5em;
	}
	
	#about .life-stats .days,
	#about .life-stats .percentage{font-size:2.5em;}


}



/* 2. Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 570px) and (max-width: 869px){

	
	.constraint{width:570px;}
	#about .life-stats .days,
	#about .life-stats .percentage{font-size:2em;}


	.instagram ul.feed li{
		opacity:1;
		filter:alpha(opacity=100);
	}

	
}


/* 1. Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 569px){

	
	.constraint{width:300px;}
	
	#about .life-stats{
		display:none;
	}
	

	#progress-bar-container{display:none;}
	.instagram-button{display:none;}
	.instagram{display:none;}

}



/*

@media only screen and (max-width: 1169px){
	#about #progress-bar-container{display:none !important;position:absolute;left:9999px;}

}
*/
	
/*
	.social-icons.floating{display:none;}
	.instagram-button{display:none;}
	.instagram{display:none;}
*/