@media screen and (min-width: 1551px) and (max-width: 6950px) {
.outer-wrap {
	margin: 0 auto;
	width: 1280px;
}

}
@media screen and (min-width: 1280px) and (max-width: 1550px) {
.outer-wrap {
	margin: 0 auto;
	width: 1270px;
}

}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
.outer-wrap {
	margin: 0 auto;
	width: 998px;
}


#navigation a {
	padding: 0 8px;
	font-size:16px;
}

.cafes h2{
	padding:15px;
	font-size:28px;
	margin-top:-67px;
}

.box-branco {
	width:80%;	
	margin:0 10%;
}

.thumb-itens img{
	width:210px;
	height:210px;	
}

.box-sociais {
	width:10%;
}

.logo-top {
	width:20%;
}

.header-nav-bar {
	width:70%;
}

}

@media screen and (min-width: 569px) and (max-width: 1023px) {
body {
	padding: 0px;
}
.outer-wrap {
	margin: 0 auto;
	width: 100%;
}

.access-bar {
	float:left;
	height:auto;
	width:100%;
}

.header-nav-bar {
	float:left;
	height:auto;
}

.box-marca, .box-marca-en {
	height:400px;
	background-size:97%;
	display:none;	
}

.logo-top {
	width:180px;
	background:url(../../img/logo-ellen-fontana.jpg) no-repeat left center;
	height:51px;
	display:inline-block;
	float:left;	
	margin:10px 0 0 15px;
}

.box-sociais {
	display:none;	
}


nav ul {
	display: none;
	height: auto;
}


nav #pull {
	float:right;
	background:#ed1a3b;
	font-size:30px;
	line-height:30px;
	padding:8px;
	margin:10px 10px 0 0;
	border:2px solid #ed1a3b;
	border-radius:5px;
	color:#fff;
}

nav a#pull {
	display: block;
}

#navigation {
	margin: 0;

}

.header-nav-bar {
	position:absolute;
	top:0;
	right:0;
	width:100%;
}
#navigation ul {
	margin-top:10px;
}
	
#navigation li {
	float: left;
	width:100%;
	text-align:left;
	background:#ed1a3b;
	border-bottom:1px solid #FF3366;
	position:relative;
	z-index:2000;
}

#navigation li a{
	padding:10px;
	color:#fff;
}

#navigation li span{
	background:#fff;
	color:#ed1a3b;
}

#navigation li.last{
	background:#ed1a3b;
}

#navigation li:hover > a,
#navigation a:focus {
	background:#ed1a3b;
	color: #fff;
	
}

.content {
	padding: 30px;
	margin: 0px;
}



#fix {
	display:none	
}

.cafes h2{
	padding:10px;
	font-size:20px;
	margin-top:-57px;
}

.box-branco {
	width:80%;	
	margin:0 10%;
}

.thumb-itens img{
	width:190px;
	height:190px;	
}

.lb-album li{
	width:50%;	
}

}
@media only screen 
and (min-width : 240px) 
and (max-width : 568px) {
body {
	padding: 0px;
}
.outer-wrap {
	margin: 0 auto;
	width: 100%;
}


.content {
	padding: 20px;
	margin: 0px;
}

object, video, audio, iframe {
	max-width: 100%;
	width: 100%;
}

.box-marca, .box-marca-en {
	height:400px;
	background-size:97%;
	display:none;	
}

.logo-top {
	width:180px;
	background:url(../../img/logo-ellen-fontana.jpg) no-repeat left center;
	height:51px;
	display:inline-block;
	float:left;	
	margin:10px 0 0 15px;
}

.box-sociais {
	display:none;	
}

.access-bar {
	float:left;
	height:auto;
	width:100%;
}

.header-nav-bar {
	float:left;
	height:auto;
}

nav ul {
	display: none;
	height: auto;
}


nav #pull {
	float:right;
	background:#ed1a3b;
	font-size:30px;
	line-height:30px;
	padding:8px;
	margin:10px 10px 0 0;
	border:2px solid #ed1a3b;
	border-radius:5px;
	color:#fff;
}

nav a#pull {
	display: block;
}

#navigation {
	margin: 0;

}

.header-nav-bar {
	position:absolute;
	top:0;
	right:0;
	width:100%;
}
#navigation ul {
	margin-top:10px;
}
	
#navigation li {
	float: left;
	width:100%;
	text-align:left;
	background:#ed1a3b;
	border-bottom:1px solid #FF3366;
	position:relative;
	z-index:2000;
}

#navigation li a{
	padding:10px 15px;
	color:#fff;
}

#navigation li.last{
	background:#ed1a3b;
}

#navigation li:hover > a,
#navigation a:focus {
	background:#ed1a3b;
	color: #fff;
	
}

#fix {
	display:none	
}

.faz-txt-1 {
	width:100%;
}

.faz-txt-2 {
	width:100%;
	padding:0;
}

.img-fazenda {
	height:335px;
	background-size:150%;
	background-attachment:inherit;
}

.cafes {
	width:100%;
	margin:0;	
}

.item {
	width:100%;	
	margin:10px 0;
	text-align:left;
}

.thumb-itens {
	width:50%;	
	height:290px;
}

.thumb-itens img{
	width:160px;
	height:160px;	
}

.box-premios {
	padding:30px 20px 30px 20px;
	background:url(../../img/bg-premios.jpg) repeat;
	background-size:100% ;
}

.box-branco {
	width:100%;
	margin:0;
}

.box-branco img {
	width:60%;
	margin:0 20% 30px 20%;	
}

.txt-contato {
	width:100%;
	padding:0;
	margin-left:0;
}

.form-contato {
	width:100%;
	padding:0;
	margin-right:0;
}

.mapa img{
	display:block;
	margin:20px 0;
}

.form-contato button {
	width:100%;
}

.lb-album li{
	width:50%;	
}

}