/*-----------------------------------------------------------------
RESPONSIZE STYLESHEET, for modern browsers

Version:	1.0
Author: 	Rasmus Schau-Seidler
Email: 		rs@gormlarsenzornig.com
website:	www.gormlarsenzornig.com

-----------------------------------------------------------------*/

/* WIDELY USED DEVICES SCREEN SIZE 

320 x 480 : iPhone 3-4S (4+ : simulated size)
768 x 1024 : iPad
480 x 800 : HTC Desire, HTC Touch, HTC Nexus One + Nokia Lumia + Samsung Nexus S, Samsung Galaxsy S 1-2
720 x 1280 : Samsung Galaxy S3, Samsung Nexus, HTC Rezound, HTC ONE X

*/

/*
NOTE: In case of building a web app, which should use
device orientation, you should customize your media queries
to view after orientation.

To target ONLY devices of certain dimensions, use max-device-width.
*/


/*-------------------------------------
VISIBILITY Classes
---------------------------------------*/
html.touch .hide-for-touch {display: none !important;}
html.touch .show-for-touch {display: block !important;}

@media only screen and (orientation:landscape) {
	.show-for-landscape {display: block !important;}
	.hide-for-landscape {display: none !important;}
}
@media only screen and (orientation:portrait) {
	.show-for-portrait {display: block !important;}
	.hide-for-portrait {display: none !important;}
}

/* INHERITED STYLING */

/* ------------------------------- */
/* ------------ < 1024px ----------- */
/* ------------------------------- */
@media only screen and (max-width: 1024px){
}

/* ------------------------------- */
/* ---------- < 1000px ----------- */
/* ------------------------------- */
@media only screen and (max-width: 1000px) {
}

/* ------------------------------ */
/* ---------- < 800px ----------- */
/* ------------------------------ */
@media only screen and (max-width : 800px) {
}

/* ------------------------------ */
/* ---------- < 768px ----------- */
/* ------------------------------ */
@media only screen and (max-width : 768px) {
}

/* ------------------------------ */
/* ---------- < 720px ----------- */
/* ------------------------------ */
@media only screen and (max-width : 720px) {
}

/* ------------------------------ */
/* ---------- < 600px ----------- */
/* ------------------------------ */
@media only screen and (max-width : 600px) {
}

/* ------------------------------ */
/* ---------- < 500px ----------- */
/* ------------------------------ */
@media only screen and (max-width : 500px) {
}

/* ------------------------------ */
/* ---------- < 400px ----------- */
/* ------------------------------ */
@media only screen and (max-width : 300px) {
}

/* ------------------------------ */
/* ---------- < 320px ----------- */
/* ------------------------------ */
@media only screen and (max-width : 320px) {
}


/* ---------- LANDSCAPE ---------- */
/* ----------- TABLETS ----------- */
/* --- SPECIFIC iPad LANDSCAPE --- */
@media only screen and (max-width: 1024px) and (orientation:landscape) {
}

/* ---------- PORTRAIT ---------- */
/* ---------- TABLETS ----------- */
/* ---SPECIFIC iPad PORTRAIT----- */
@media only screen and (max-width : 768px) and (orientation:portrait) {
}

/* ----------- LANDSCAPE ---------- */
/* ------------ xxxxxxx ----------- */
/* -------------------------------- */
@media only screen and (orientation:landscape) {
}

/* ------------ PORTRAIT ---------- */
/* ------------ xxxxxxx ----------- */
/* -------------------------------- */
@media only screen and (orientation:portrait) {
}