*{
  list-style-type: none;
  margin: 0;
  padding: 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

body {
 background-image: url(####.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 background-attachment: fixed;


-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.menu-area li a{
 text-decoration: none;
 color:#fff;
letter-spacing: 1px;
text-transform: uppercase;
display: block;
padding:0 25px;
font-size: 14px;
line-height: 30px
position: relative;
z-index: 1;
}
.menu-area li{
	list-style: none;
	display: inline-block;
	
	
}
.custom-padding{
		padding-top: 00px;
		
}
nav{position: relative;
	padding:10px 20px 10px 10px;
	text-align: center;
	z-index: 1;
	background: #333;
	margin: 0 auto;
	with:calc(100% - 60px);
}
ul li:hover {
  background:#99cc00;
  font-weight:bold;
}
.logo{
	with: 15%;
	float: left;
	text-transform: uppercase;
	color: #fff;
	font-size: 25px;
	text-align: left;
	padding-left: 2%;
}
.imagem{
	margin-top:100px;
	margin-bottom:-20px;
}
.textimagem
{
	color:black;

}