@charset "UTF-8";
/* CSS Document */

/*********************************************************************************/
/* Nav for standard size browser                                                 */
/*********************************************************************************/
	nav.full
	{
		display: block;
		position: fixed;
		top: 1em;
		width: 100%;
		z-index: 1000;
		cursor: default;
		text-align: center;
		background-color:rgba( 25 , 25 , 25 , 0.95 );
		border-top:1px solid rgba( 255 , 255 , 255 , 1 );
		border-bottom:1px solid rgba( 255 , 255 , 255 , 1 );
	}
	
	nav.full ul
	{
		margin: 0;
		padding: 0;
	}

	nav.full li
	{
		display: inline-block;
		margin: 0;
		padding:0;
	}
		
	nav.full a
	{
		position: relative;
		display: block;
		color: #fff;
		text-decoration: none;
		font-size:1.2em;
		
		padding: 0 0.3em 0 0.3em;
		margin: 0;
		
		line-height:1.7em;
	}
	
	
	
	
	
	
	
	
	
	
/*********************************************************************************/
/* Nav for mobile                                                                */
/*********************************************************************************/
	nav.mobile
	{
		display: none;
		
		background-color:rgba( 25 , 25 , 25 , 0.80 );
		position: fixed;
		top: 0px;
		width: 100%;
		z-index: 1000;
		text-align:center;
		border-bottom:2px solid rgba( 255 , 255 , 255 , 1 );
		padding:0;
		margin:0;
	}
	
	nav.mobile ul
	{
		display:none;
		margin: 0em;
		padding: 0em;
	}

	nav.mobile li
	{
		display: block;
		margin:0em;
	}
		
	nav.mobile a
	{
		position: relative;
		display: block;
	}
	
	#open-menu
	{
		display:inline-block;
		background-color:rgba( 25 , 25 , 25 , 1 );
	}
	
	#close-menu
	{
		display:none;
		background-color:rgba( 25 , 25 , 25 , 1 );
	}
	
	nav.mobile a, #open-menu, #close-menu
	{
		color: #fff;
		text-align: center;
		width:100%;
		font-size:1.2em;
		line-height:1.6em;
	}

	/*Hide checkbox*/
	#toggle-menu
	{
		display: none;
	}

	/*Show menu when invisible checkbox is checked*/
	nav.mobile input[type=checkbox]:checked ~ #mobilemenu
	{
    	display: block;
	}
	
	nav.mobile input[type=checkbox]:checked ~ #open-menu
	{
    	display: none;
	}
	
	nav.mobile input[type=checkbox]:checked ~ #close-menu
	{
    	display: inline-block;
	}
	
	nav.mobile img
	{
		display:inline-block;
		vertical-align:middle;
		padding: 0.5em 0 0.5em 0;
	}










/*********************************************************************************/
/* For mobile                                                                    */
/*********************************************************************************/
@media only screen and (max-device-width : 600px), (max-width : 600px)
{
	nav.mobile
	{
		display:block;
	}
	
	nav.full
	{
		display:none;
	}
}