/**
 * Tinynav css
 *
 * Note: 
 *
 * @file           style.css
 * @package        TinyNav
 * @author         Beee
 * @copyright      2012
 * @license        license.txt
 * @version        Release: 1.0
 * @filesource     wp-content/plugins/tinynav/style.css
 * @since          available since Release 0.1
 */

/* =Responsive Menu (Tinynav.js)
-------------------------------------------------------------- */

/* Remove tinynav menu untill screen size is max 980 */
.tinynav { 
    display: none;
}

/* =Media
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {

		body {
		}

}

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

		/* Here we show our new menu menu */
		.tinynav { 
		  display: block;
			margin: 10px auto;
			width: 100%;
		}

		/**
		 * When a screen is max 650 pixels, we hide the 'regular' menu 
		 * because we want to show our new menu
		 */
		ul.menu {
			display: none;
		}
		
}

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

}

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

}