/* ==|== responsive =====================================================
   Responsive support for various screen sizes like tablets and phones 
   - > CSS media queries and fluid columns
   ========================================================================== */

/* ------------------- 1200 -------------------------------------------- */
/* --  Misc tablets and slates, everything below iPad landscape       -- */

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



}


/* ------------------- 960 -------------------------------------------- */
/* --  Tablets and other 7" slate devices in landscape mode          -- */

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


}


/* ------------------- 768 -------------------------------------------- */
/* --  Tablets in portrait mode, (10") like iPad                     -- */


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

	nav, 
	nav ul
	{ /* floated elements? clear 'em and stretch 'em */
		clear: both;
		float: none;
		width: 100%;
	}

}


/* ------------------- 600 -------------------------------------------- */
/* --  High res smartphones, 7" tablets in portrait mode             -- */

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



}


/* ------------------- 480 -------------------------------------------- */
/* --  Mobile phones in portrait mode                                -- */

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

	.bigstuff
	{ /* hide elements we don't really need */
		display: none;
	}

}

/* ------------------- 320 -------------------------------------------- */
/* --  Mobile portraitmode and downward                              -- */

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



}