/*
_______________________________
Desktop version layout - place your custom code here */

body {
}

#menu{
	margin-top: 50px;	
}

#menu ul li{
	display: inline;
	margin-right: 20px;
}
/*
#menu ul li.last {
	margin-right:20px;
}
*/
#menu ul li a {
	background-color: white;
	padding: 5px 15px;
	border-radius:7px;
	font-size: 20px;
	background-color: #fff;	
}

#menu ul li a:hover{
	background-color: #fae3ad;
	color: 4b0304;
}

/*
_______________________________
Mobile version - preset code from cssgrid.net */

@media handheld, only screen and (max-width: 880px) { /* 880px de base */

	.examplecontainer {}

	body {}
	
	#menu{
		margin-top: 50px;	
	}
	
	#menu ul {
		text-align: center;
                padding:0;
                margin:0;
	}
	
	#menu ul li {
		display:block;
		margin:20px;
	}
	
	#menu ul li a {
		background-color: white;
		padding: 5px 45px;;
		border-radius:10px;
		font-size: 20px;
		background-color: #fff;	
	}

	#menu ul li a:hover{
	background-color: #fae3ad;
	color: 4b0304;
   }
   
	
}

@media handheld, only screen and (max-width: 520px) { /* 520 px de base */

	.examplecontainer {}

	body {}
	
	#menu{
		margin: 30px 0;	
   }
	
	#menu ul li {
		display:block;
      margin:20px;
	}
	
	#menu ul li a {
		background-color: white;
		padding: 5px 50px;
		border-radius:10px;
		font-size: 20px;
		background-color: #fff;	
	}

	#menu ul li a:hover{
	background-color: #fae3ad;
	color: 4b0304;
   }
	
}


/*
_______________________________
Provide higher res assets for iPhone 4 - preset code from cssgrid.net */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

	/* An example of how to override an image with one twice the size for iPhone 4. Specify the original pixel size with background-size.
	.download {
	background: url(../img/downarrow@2x.png) no-repeat;
	background-size: 27px 28px;
	}
	*/

}