/*----------Reset-------- */
*{
    margin: 0;
    padding: 0;
    font-size: 100%;
    border: none;
    outline: none;
    
    box-sizing: border-box;
    color: white;
    
}
html{
    overflow-x: hidden;
	
}
body{
    background-color: #f5f5f5;
    overflow-x: hidden;
	
}
a{
    text-decoration:none;
}
a:hover{
    text-decoration:none;
}
ul{
    list-style: none;
}
img{
    max-width: 100%;
}
/*----------Fim Reset-------- */


/*----------Cabecalho-------- */
.cabecalho{
    width: 100%;
    float: left;
    
}
.btn-menu{
    width: 3.5em;
    height: 3.5em;
    float:right;
    text-align: center;
    color: #fff;
    border-radius:3.5em;
    cursor: pointer;
    background: linear-gradient(to right, #007267,#060606); 
      
}
/*----------MENU-------- */
.menu{
    display: none;
    width: 100%;
    height: 100%;
    text-align: center;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.9); top: 0; left: 0;
}
.btn-close{
    font-size: 3em;
    color: #fff;
    float:right; 
    cursor: pointer;
    margin-right: 5%;
}
.menu ul{
    width: 100%;
    float: left;
    text-align: center;
}
.menu li{
    padding: 2%;
	margin-top: 4%;
}
.menu li a{
    font-size: 2em;
    color: #fff;
    padding: 1.5% 3%; 
}
.menu li a:hover{
    border: 1px solid #007167;
    text-decoration: none;
}

/*----------Nossa História-------- */
.nossaHistoria{
	z-index: -1;
	background-color: #fff;
	font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif;
	font-size: 1.2em;
	}
	.img-sobre{
		width: 90%; margin-bottom: 4%; margin-top: 4%; padding: 0!important; 
		
}
.ondeEstamosText{
	font-weight: bold;
	color: black;
}


/*Cardapio*/
.img-cardapio{
	width: 32%;
}
.img-cardapio1{
	width: 34%;
}

/*Cardapio*/
.daFazenda{
	/* background-image: url("img/daFazenda.jpg"); */
	
}
.daFazenda1{
	 background-image: url("img/daFazenda1.jpg");
	
}

.daFazendaText{
	color: #845326;
	font-family: Constantia, Lucida Bright, DejaVu Serif, Georgia, serif;
	font-size: 1.5em;
	text-align: center justify;
	margin-bottom: 5%;
	
	
}

/*Contato*/
.contato{
	background-color:  #207167;
}
.labelForm{
	margin-bottom: 2%;
	color: black;
	
}
.textSobre{
    color: #505050;
    text-align: center;
    margin-top: 1%;
    
}


@media screen and (min-width:769px){
   .btn-menu{display: none;}
   .btn-close{display: none;}
   .menu{
       width: auto; 
       height: 56px; 
       line-height: 56px; 
       background-color:#007166;
       display: block !important;
       position: static;
	  
   }
    .menu li{
        padding: 0;
        text-align: center;
        display:inline-block;
        color: white;
        font-weight: bolder;

    }
    .menu li a{
        color:white;
        padding: 15px;
        font-size: 1.2em;

    }
    .menu li a:hover{
        border: none;
        color: black;
        
    }
	.img-fazenda{
	width: 55%;
}
	.nossaHistoria{
		background-color:#fff;
	}
	.textSobre{
        color: #505050;
		text-align: center;
		margin-top: 5%;
		
	}
	.col-md-12{
		padding: 0!important;
	}
	.video{display: none;}
	
	
	.td-menu1{visibility: hidden;}
	.td-menu3{visibility: hidden;}
	.img-peixes{margin-top: 4%;}
	.btn-cardapio2{display: none;}
	
	
}

/*Icones*/

.social-icons a i{
	font-size: 2.5em;
	color: white;
	margin-right: 3%;
}
/*A CSS pseudo-classe :last-child representa qualquer elemento que é o último filho de seu elemento pai*/
.social-icons a:last-child{
	margin-right: 0;
}
.social-icons a i:hover{
	color: #174842;
}
.img-logo{
        width: 37%;
    }

/*Mobile*/
@media screen and (max-width:768px){
    .img-logo{
        width: 80%;
    }
    .btn-menu{
        margin-top: -24%;
        margin-right: 3%;
    }
	.row{
   		margin-right: 0!important; 
    	margin-left: 0!important; 
  }
	.col-md-12{
		padding: 0!important;
	}
	.col-md-6{
		padding: 0!important;
	}
	.col-md-4{
		padding: 0!important;
	}
	.nossaHistoria{
		margin-top: -0.8%;
	}
	.img-sobre{
		margin-top: 0px;
		width: 100%;
		
	}
	.img-cardapio{
		width: 100%;
		margin-bottom: 1%;
	}
	.img-cardapio1{
		width: 100%;
	}
	.h1-ondeEstamos{
		margin-top: 10%;
    }
    .video{
        width: 105%;
		height: 100%;
        
    }
	.video1{
        display: none;
        
    }
	.img-contato{
		width: 70%;
	}
	.sigaAgente{
		display: none;
	}
}
@media screen and (max-width:375px){
   
}

@media screen and (max-width:414px){
	
}
@media screen and (max-width:320px){
   
}