body{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
}

.logo{
	width:100%;
	text-align:center;
	margin:40px auto 60px auto;
}

.logo img{
	display:block;
	width:100%;
	max-width:385px;
	margin:auto;
}

.logo ul{
	display:none;	
}

.geral{
	width:100% !important;	
}

.topo{
	width:100%;
	height:auto;	
}

.detalhes{
	margin:20px;
	padding:0px;
	width:100%;
}

.detalhes ul{
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.detalhes ul li{
	padding:5px;	
}

.mascaraTopo{
	height:auto !important;	
	background:none;
}

.conteudoTopo{
	height:auto;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
	padding:0px 5px;
}

.pote{
	width:auto;
	margin:0px auto 40px auto;
	height:auto;
	padding:0px !important;
	text-align:center;
}

.pote ul{
	display:block;	
	margin:auto;
	max-width:376px;
	list-style:none;
	list-style-image:none;
}

.pote ul li{
	color:#FFFFFF;
	text-transform:uppercase;
	letter-spacing:2px;	
	font-style:italic;
	font-size:22px;
	line-height:25px;
	font-family:alternate;
	margin:20px 0px 0px 0px;
}

.pote img{
	margin:auto;
}

.preco{
	width:auto;
	margin:auto;
	height:auto;
	float:none;
	padding:0px 0px 20px 0px;
}

.meio{
	height:auto;		
}

.meiotopo{
	width:auto !important;	
}

.textoTopo{
	width:100%;
	padding:0px 20px 30px 20px;	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
}

.textoTopo p{
	font-size:14px;	
}

.ingredientes{
	width:auto !important;
	padding:0px 20px;
	float: none;	
	margin: auto;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.ingredientes p{
	line-height:25px;
}

.informacaoNutricional{
	width:100%;
	text-align:center;
	float: none;
	margin: auto;
}

.informacaoNutricional .informacaoNutricional1{
	float:none;
	width:auto;
	margin:5px auto;
}

.informacaoNutricional .informacaoNutricional2{
	float:none;
	width:auto;
	margin:5px auto;
}

.informacaoNutricional .informacaoNutricional3{
	float:none;
	width:auto;
	margin:5px auto;
}

.fotoPotes{
	float: none;
	width: 100%;
}

.fotoPotes img{
	display: block;
	padding-top: 20px;
}