/* ===========================================================
 * Filename: responsive.css
 * Version: 0.1
 * Project:	~
 * Author: web360
 * =========================================================== */

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

	.container { width: 100%;}
	
	.span1 ,.span12, .span13, .span23, .span14, .span24, .span34, .span15, .span25, .span35, .span45 { float: none; padding-right: 0; width: 100%; height: auto; }

	#contact-form { clear: left; text-align: center; width: 100%; padding-bottom: 20px;}

	nav { width: 100%; text-align: center; position: static;}

	#logo { width: 100%; text-align: center; padding-left: 0;}
	#languages { width: 100%; text-align: center; padding-left: 0;}

	.article_wrapper { margin-top: 20px;}

	.article_element { display: none;}

	article { padding: 50px;}

	#logo { float: none; margin: 0; padding: 0;}
	#languages { float: none; margin: 0; padding: 20px 0 0 0;}
	nav ul { float: none; margin: 0; padding: 30px 0 0 0;}
}

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

	nav { width: 100%; text-align: center; position: static;}

	nav { width: 100%; text-align: center; position: static;}

	#logo { width: 100%; text-align: center; padding-left: 0;}
	#languages { width: 100%; text-align: center; padding-left: 0;}

	.article_wrapper { margin-top: 20px;}

	.article_element { display: none;}

	article { padding: 50px;}

}