/*Estilos Peixaria Santa Clara Morumbi | Quem Somos 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;
}

/*QUEM SOMOS*/
.quem-somos {
	box-shadow: 0 4px 4px 1px rgba(0,0,0,0.2);
}
.quem-somos h1 {
	background-color: #fff;
	font-size: 44px;
	color: #3a3d98;
	text-align: center;
	padding: 4% 0 2%;
	margin: 0;
}
.quem-somos .content-wrap {
	padding: 5% 14% 6%;
	background-color: #f58817;
}
.quem-somos .content-wrap text {
	color: #fff;
	font-size: 25px;
	letter-spacing: 0.015em;
	text-align: justify;
	line-height: 1.6;
}
.quem-somos .content-wrap img {
	max-width: 600px;
	vertical-align: top;
	box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.4);
}
.quem-somos .content-wrap img.mobile {display: none;}
.quem-somos .content-wrap img, .quem-somos .content-wrap text {
	display: inline-block;
}
.quem-somos .content-wrap img.left {
	margin-right: 5%;
}
.quem-somos .content-wrap img.right {
	margin-left: 5%;
}
.quem-somos .content-wrap text {
	padding-top: 1%;
}
.quem-somos .content-wrap text.left {
	padding-right: 2%;
}
.quem-somos .content-wrap text.right {
	padding-left: 2%;
}
.quem-somos .content-wrap .top {
	margin-bottom: 7%;
}

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

/*Media Queries*/

/*Mobile*/
@media (max-width: 767px) {
	.phone-top, nav.products-all {display: none;}
	.image-top {padding-top: 6px;}
	.image-top img.logo {
		width: 60%;
		max-width: 220px;
	}
	nav button.active {
		border-bottom: 1px solid #f58817;
	}
	.quem-somos .content-wrap {text-align: center;}
	.quem-somos .content-wrap img.mobile {display: block;}
	.quem-somos .content-wrap img.tablets {display: none;}
	.quem-somos .content-wrap img {
		max-width: 400px;
	}
	.quem-somos .content-wrap img, .quem-somos .content-wrap text {
		width: 100%;
	}
	.quem-somos .content-wrap img.left {
		margin: 0 auto 24px;
	}
	.quem-somos .content-wrap img.right {
		margin: 0 auto 24px;
	}
	.quem-somos .content-wrap text.left {
		padding-right: 6%;
	}
	.quem-somos .content-wrap text.right {
		padding-left: 6%;
	}
	.quem-somos .content-wrap text {
		font-size: 19px;
		padding: 0 6% 30px;
	}
	.quem-somos .content-wrap .top {
		margin-bottom: 0;
	}
	.quem-somos .content-wrap {
	    padding: 30px 0 10px;
	}
	.quem-somos h1 {
	    font-size: 40px;
	    padding: 36px 0 24px;
	}
	#top-sm {
		padding: 2px;
		border: none;
	}
}

/*Tablets*/
@media (min-width: 768px) and (max-width: 991px) {
	nav.products-mobile {display: none;}
	.quem-somos .content-wrap img {
		width: 46.5%;
	}
	.quem-somos .content-wrap img.left {
		margin-right: 3%;
	}
	.quem-somos .content-wrap img.right {
		margin-left: 3%;
	}
	.quem-somos .content-wrap text {
		width: 49.5%;
		font-size: 19px;
		padding-top: 0;
	}
	.quem-somos .content-wrap .top {
		margin-bottom: 12%;
	}
	.quem-somos .content-wrap {
	    padding: 8% 5% 8%;
	}
	.quem-somos h1 {
	    font-size: 36px;
	    padding: 5% 0 3%;
	}
}

/*Desktops pequenos*/
@media (min-width: 992px) and (max-width: 1199px) {
	nav.products-mobile {display: none;}
	.quem-somos .content-wrap img {
		width: 44.5%;
	}
	.quem-somos .content-wrap text {
		width: 49.5%;
		font-size: 22px;
		padding-top: 0;
	}
	.quem-somos .content-wrap .top {
		margin-bottom: 8%;
	}
	.quem-somos .content-wrap {
	    padding: 5% 6% 6%;
	}
	.quem-somos h1 {
	    font-size: 40px;
	}
}

/*Desktops médios*/
@media (min-width: 1200px) and (max-width: 1399px) {
	nav.products-mobile {display: none;}
	.quem-somos .content-wrap img {
		width: 44.5%;
	}
	.quem-somos .content-wrap text {
		width: 49.5%;
		font-size: 24px;
	}
	.quem-somos .content-wrap {
	    padding: 5% 8% 6%;
	}
	.quem-somos h1 {
	    font-size: 42px;
	}
}

/*Desktops grandes*/
@media (min-width: 1400px) {
	nav.products-mobile {display: none;}
	.quem-somos .content-wrap img {
		width: 44.5%;
	}
	.quem-somos .content-wrap text {
		width: 49.5%;
	}
}