*{
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
margin:0;
padding:0;
border:0;
}

html,body{
color:#FFF;
font-family:"Arial", "Helvetica", sans-serif;
font-size:13px;
margin:0;
padding:0;
background-color:#FFF;
letter-spacing:2px;
line-height:1.4em;
height:100%;
}

a,a:visited{
color:#000;
text-decoration:none;
transition:all 1s ease;
font-weight:bold;
}

a:active,a:hover{
text-decoration:underline;
}

/*Layout % Style*/

#wrapper{
width:1280px;
min-height:100%;
margin:0 auto;
background-color:#fff;
}

footer{
position:fixed;
width:1280px;
color:#fff;
max-height:30%;
padding:1.5em;
bottom:0;
background-color:#00A651;
z-index:1000;
}

footer a,footer a:visited{
color:#fff;
}

.facebook{
position:absolute;
left:5px;
top:5px;
}

.sustentabilidade{
position:absolute;
right:5px;
bottom:5px;
}

@media screen and (max-width: 1280px){
#wrapper{
width:100%;
}
img{
width:100%;
}
.facebook{
width:auto;
}
.sustentabilidade{
width:auto;
}
.menu{
width:40%;
}
.back{
width:20%;
}
footer{
width:100%;
font-size:11px;
letter-spacing:2px;
line-height:1.3em;
}
}

@media screen and (max-width: 640px){
#wrapper{
width:100%;
}
img{
width:100%;
}
.facebook{
width:auto;
}
.sustentabilidade{
width:auto;
}
.menu{
width:40%;
}
.back{
width:20%;
}
footer{
width:100%;
font-size:10px;
letter-spacing:2px;
line-height:1.3em;
}
}