body {
	overflow-x: hidden;
}


@media screen and (max-width: 1500px) {
	#topo nav ul li a { font-size: 28px; }

	body {
		/*
		font-size: 28px;
		line-height: 38px;
		*/
		font-size: 20px;
		line-height: 30px;
	}
	.logo img {
		/*
		width: 400px;
		*/
		width: 340px;
		padding: 50px 0 0;
	}

	.btn a {
		/*
		font-size: 30px;
		line-height: 60px;
		height: 60px;
		*/
		font-size: 20px;
		line-height: 50px;
		height: 50px;
	}

	h2 {
		/*
		font-size: 50px;
		line-height: 50px;
		*/
		font-size: 40px;
		line-height: 40px;
	}

	h2 big {
		/*
		font-size: 120px;
		line-height: 120px;
		*/
		font-size: 100px;
		line-height: 100px;
	}

	h3 {
		/*
		font-size: 80px;
		line-height: 80px;
		*/
		font-size: 60px;
		line-height: 60px;
	}

	.ces strong {
		/*
		font-size: 22px;
		*/
		font-size: 18px;
	}

}


@media screen and (max-width: 1400px) {
	.container-2,
	.container-1 {
		width: 80%;
		left: 10%;
		margin-left: 0;
	}
}




/*
@media screen and (max-width: 1200px) {

	#topo nav ul li a { font-size: 28px; }

	body {
		font-size: 24px;
		line-height: 32px;
	}

	.btn a {
		font-size: 26px;
		line-height: 52px;
		height: 52px;
	}

	h2 {
		font-size: 40px;
		line-height: 40px;
	}

	h2 big {
		font-size: 100px;
		line-height: 100px;
	}

	h3 {
		font-size: 68px;
		line-height: 68px;
	}

	.ces strong {
		font-size: 20px;
	}

}
*/







@media screen and (max-width: 1023px) {
	nav {
		display: none;
	}

	.lightBox.surgeLightBox img{
		max-width: 90vw;
		max-height: 90vh;
	}

	body {
		font-size: 18px;
		line-height: 26px;
	}

	.menu-mobile {
		display: block;
        position: fixed;
        top: 10px;
        right: 10px;
        font-size: 50px;
        z-index: 9;
	}

	.dropdown-mbl {
		    position: fixed;
		    z-index: 8;
		    background: rgba(0, 0, 0, 0.9);
		    padding: 10vh 0;
		    height: 80vh;
	}

	.dropdown-mbl a {
	    color: #ffb000;
	    text-transform: uppercase;
	    line-height: 60px;
	    font: 24px / 40px 'htbold', Helvetica, Arial, sans-serif;
	}

	.menu-mobile i {
		color: #ffb000;
	}

	#banner { padding:120px 0 }

	.col-half {
	    width: 90%;
	    margin: 0 5%;
	}

	.logo img {
		width: 240px;
		max-width: 90%;
	}

	h2{
		font-size: 28px;
		line-height: 28px;
	}
	h2 big {
		font-size: 60px;
		line-height: 60px;
	}

	 h3 {
        font-size: 30px;
        line-height: 30px;
    }

    h4 {
    	font-size: 24px;
    }

	.text-right, 
	.text-left {
		text-align: center;
	}
	
	.informacoes,
	.produto {
		width: 90%;
		margin-left: 5%;
		text-align: center;
	}

	.informacoes {
		padding-top: 50px;
	}


	.carne-lateral {
		width: 95%;
	}


	.ces,
	.conteudo {
		width: 90%;
		margin: 0 5% 50px;
	}

	#contato,
	#novidades2,
	#a-marca,
	#carnes-e-saladas,
	#novidades,
	#topo {
		background-attachment: scroll;
	    background-size: cover;
	}
	
	#novidades2 {
        background-position: left center;
        background-color: #fff;
    }

	.redes {
		text-align: center;
		right: 0;
	}

	.dsk {
		display: none!important;
	}
	.mbl {
		display: block!important;
	}

	.copy,
	#mapa {
	    width: 90%;
	    margin: 80px 5% 40px;
	}
	
	.copy span {
		display: inline-block;
	}
	
}

@media screen and (max-width: 768px) {
	.img-ambientes {
		width: 100%;
	}
	
	.etiqueta-am {
	 	max-width: 80px;
	    bottom: 10px;
	    left: -30px;
	}
	.etiqueta-ma {
	 	max-width: 80px;
	    top: -30px;
	    right: -30px;
	}

	.lightBox.surgeLightBox i{
		margin-left: -25px;
		font-size: 25px;
		margin-top: -30px;
	}

	.atendimento-info{
		font-size: 16px;
	}
}