/*Estilos Peixaria Santa Clara Morumbi | Entregas por Marcelo Pinto : marcelos.mail@gmail.com : +55 (11) 99343-9129*/

/*TOPO*/
nav.row.top {padding-top:0;}
nav .menu-mobile {
	margin-bottom: 14px;
}
nav .menu-mobile .icon {
	text-align: center;
	padding: 6px 0;
	cursor: pointer;
}
nav .menu-mobile img {
	width: 32px;
}
nav .menu-mobile text {
	text-transform: uppercase;
	color: #3a3d98;
	letter-spacing: 0.03em;
	padding: 4px 0;
}
nav .hand-cursive {font-weight: bold;}
nav .phone-top section {padding: 0 2%;}
nav .whatsapp text, nav .whatsapp img {display: inline-block;}
nav .whatsapp {margin-bottom: 30px;}
nav button.active {
	background-color: #f58817;
	color: #3a3d98;
}

/*DELIVERY*/
.delivery, .delivery div {
	padding: 0;
	margin: 0;
}
.delivery div {
	background-color: #f58817;
	color: #fff;
}
.delivery h1 {
	text-align: center;
	background-color: #fff;
	color: #3a3d98;
	margin: 0;
	padding: 40px 4% 20px;
}
.delivery img {
	margin: 5% auto;
	box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.4);
}
.delivery img.first {
	margin-top: 6%;
}
.delivery text {
	text-align: justify;
	font-size: 18px;
	line-height: 1.6;
	padding: 4% 8% 10%;
	margin: 0;
	width: 100%;
}
.delivery .area-entrega {
	box-shadow: 0 4px 4px 1px rgba(0,0,0,0.2);
}

/*FOOTER*/
#top-sm {
	background-color: #fff;
	padding: 0;
	border: 2px solid #3a3d98;
}

/*Media Queries*/

/*Mobile*/
@media (max-width: 767px) {
	.phone-top, nav.products-all, .carrossel-marcas {display: none;}
	.image-top {padding-top: 6px;}
	.image-top img.logo {
		width: 60%;
		max-width: 220px;
	}
	nav button.active {
		border-bottom: 1px solid #f58817;
	}
	.delivery img {
		display: block;
		width: 100%;
		max-width: 600px;
	}
	.delivery .area-entrega {
		padding-bottom: 6%;
	}
	.delivery .area-entrega text {
		padding: 4% 8%;
	}
	#top-sm {
		padding: 2px;
		border: none;
	}
}

/*Tablets*/
@media (min-width: 768px) and (max-width: 991px) {
	nav.products-mobile {display: none;}
	.delivery h1 {
		font-size: 34px;
		margin-bottom: 4%;
	}
	.delivery img {
		float: left;
		width: 44%;
		margin: 0 4% 0 2%;
	}
	.delivery img.first {margin: 0 2% 0 4%;}
	.delivery text {
		float: left;
		text-align: center;
		font-size: 19px;
		padding: 4% 6% 5% 6%;
		line-height: 2.0;
	}
	.delivery .area-entrega {
		padding-bottom: 4%;
	}
	.delivery .area-entrega img.first {
		width: 38%;
		max-width: 320px;
		margin: 0 5%;
	}
	.delivery .area-entrega text {
		width: 52%;
		padding: 1% 3% 0 0;
		line-height: 1.9;
	}
	.delivery .area-entrega text.top {
		padding-top: 1%;
	}
}

/*Desktops pequenos*/
@media (min-width: 992px) and (max-width: 1199px) {
	nav.products-mobile {display: none;}
	.delivery {margin-bottom: 724px;}
	.delivery h1 {
		font-size: 36px;
		padding: 5% 0 2.5%;
		margin-bottom: 5%;
	}
	.delivery img {
		float: left;
		width: 40%;
		max-width: 100%;
		margin: 0 6.6666% 0 3.3333%;
	}
	.delivery img.first {
		margin: 0 3.3333% 0 6.6666%;
	}
	.delivery text {
		float: left;
		text-align: center;
		font-size: 22px;
		padding: 3% 10% 4% 10%;
	}
	.delivery .area-entrega {
		padding-bottom: 5%;
	}
	.delivery .area-entrega img.first {
		width: 35%;
		max-width: 500px;
		margin: 0 5% 0 10%;
	}
	.delivery .area-entrega text {
		width: 50%;
		padding: 0 5% 1% 0;
		line-height: 1.9;
	}
	.delivery .area-entrega .top {
		padding-top: 2%;
	}
}

/*Desktops médios*/
@media (min-width: 1200px) and (max-width: 1399px) {
	nav.products-mobile {display: none;}
	.delivery {margin-bottom: 729px;}
	.delivery h1 {
		font-size: 38px;
		padding: 5% 0 2.5%;
		margin-bottom: 5%;
	}
	.delivery img {
		float: left;
		width: 36%;
		max-width: 100%;
		margin: 0 9.3333% 0 4.6666%;
	}
	.delivery img.first {margin: 0 4.6666% 0 9.3333%;}
	.delivery text {
		float: left;
		text-align: center;
		font-size: 23px;
		line-height: 2.0;
		padding: 3% 10% 4% 10%;
	}
	.delivery .area-entrega {
		padding-bottom: 5%;
	}
	.delivery .area-entrega img.first {
		width: 30%;
		margin: 0 6% 0 13%;
	}
	.delivery .area-entrega text {
		width: 50%;
		padding: 0 8% 1% 0;
		line-height: 2.0;
	}
	.delivery .area-entrega .top {
		padding-top: 2.6%;
	}
}

/*Desktops grandes*/
@media (min-width: 1400px) {
	nav.products-mobile {display: none;}
	.delivery {margin-bottom: 735px;}
	.delivery h1 {
		font-size: 44px;
		padding: 4% 0 2%;
		margin-bottom: 5%;
	}
	.delivery img {
		float: left;
		width: 32%;
		max-width: 100%;
		margin: 0 15% 0 3%;
	}
	.delivery img.first {margin: 0 3% 0 15%;}
	.delivery text {
		float: left;
		text-align: center;
		font-size: 26px;
		padding: 3% 20% 4% 20%;
		line-height: 2.0;
	}
	.delivery .area-entrega {
		padding-bottom: 5%;
	}
	.delivery .area-entrega img.first {
		width: 28%;
		max-width: 470px;
		margin: 0 6% 0 15%;
	}
	.delivery .area-entrega text {
		width: 51%;
		padding: 0 10% 1% 0;
		line-height: 1.9;
	}
	.delivery .area-entrega .top {
		padding-top: 2.5%;
	}
}