/*  MAKE LAYOUT RESPONSIVE at 1024px FOR SMALLER SCREENS ================================================================ */


	
		header {
			width: 75%; /* 960px / 1024px */
		}

		#maincontent{
			width: 75%; /* 960px / 1024px */
		}
		
		.maincontent{
			width: 75%; /* 960px / 1024px */
		}

		footer {
			width: 75%; /* 960px / 1024px */
		}
		

		#nav { text-align: right; width: 75%; margin: 0 auto; }
		#nav img { position: absolute; left: 10%; top: 27px; }
		#nav img { position: absolute; left: 0; top: 27px; }

		#social {
			width: 75%;
		}