/*Estilos Peixaria Santa Clara Morumbi | Formulario de contato 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;
}

/*FORMULARIO*/
.formulario {
	box-shadow: 0 4px 4px 1px rgba(0,0,0,0.2);
}
.formulario h1 {
	background-color: #fff;
	font-size: 44px;
	color: #3a3d98;
	text-align: center;
	padding: 5% 0 2%;
	margin: 0;
}
.formulario .instructions {
	color: #3a3d98;
	font-size: 20px;
	text-align: center;
	letter-spacing: 0.015em;
	line-height: 1.6;
	margin-bottom: 2.5em;
}
.formulario .instructions.error {
	color: #fff;
	background-color: #f58817;
	padding: 0.8em 2em 1em;
	margin-bottom: 3em;
}
.formulario .form-wrap {
	padding: 1% 30% 6% 30%;
}
.form-wrap input, .form-wrap select, .form-wrap textarea {
	display: block;
	margin: 0.6em auto 3em;
	border: 2px solid #3a3d98;
	font-family: basic, sans-serif;
	font-size: 18px;
	letter-spacing: 0.04em;
	color: #fff;
	padding: 0.5em 0.5em 0.5em 1em;
	background-color: #f58817;
}
.form-wrap #user_name, .form-wrap #user_mail {
	width: 80%;
	margin-right: 20%;
}
.form-wrap select, .form-wrap #user_phone {
	width: 50%;
	margin-right: 50%;
}
.form-wrap textarea {
	width: 100%;
	min-height: 120px;
}
.form-wrap input:focus, .form-wrap textarea:focus, .form-wrap select:focus {
	background-color: #3a3d98;
	outline-width: 0;
}
.form-wrap label {
	color: #3a3d98;
	text-align: left;
	margin-bottom: 0;
	font-weight: inherit;
}
.form-wrap .send {
	display: block;
	margin: 4em auto 0;
	font-family: highlight, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #fff;
	padding: 0.9em 2em;
	background-color: #3a3d98;
	border: 2px solid #3a3d98;
	transition: background-color 0.4s,border-color 0.4s;
	-webkit-transition: background-color 0.4s,border-color 0.4s;
	-moz-transition: background-color 0.4s,border-color 0.4s;
}
.form-wrap .send:focus, .form-wrap .send:hover {
	background-color: #fff;
	color: #3a3d98;
}

/*FOOTER*/
footer {
	position: relative;
	top: 0;
}

/*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;
	}
	.formulario h1 {
    	font-size: 34px;
    	padding: 46px 0 30px;
  	}
	.formulario .form-wrap {
		padding: 0 8% 70px 8%;
		max-width: 600px;
		margin: 0 auto;
	}
	.formulario .instructions {
    	font-size: 17px;
  	}
  	.formulario .instructions.error {
  		padding: 0.8em 1.2em 1.2em;
  	}
	.form-wrap label {
    	font-size: 17px;
  	}
	.form-wrap input, .form-wrap select, .form-wrap textarea {
    	font-size: 17px;
    	margin-bottom: 2.8em;
  	}
	.form-wrap #user_name, .form-wrap #user_mail {
    	width: 100%;
    	margin-right: auto;
	}
	.form-wrap select, .form-wrap #user_phone {
    	width: 100%;
    	margin-right: auto;
	}
	.form-wrap textarea {
    	min-height: 140px;
	}
	.form-wrap .send {
    	font-size: 18px;
    	padding: 1em 2em;
  	}
	
}

/*Tablets*/
@media (min-width: 768px) and (max-width: 991px) {

	nav.products-mobile {display: none;}
	.formulario h1 {
    	font-size: 34px;
    	padding: 6% 0 3%;
 	}
	.formulario .form-wrap {
		padding: 1% 18% 10% 18%;
	}
	.formulario .instructions {
    	font-size: 17.5px;
 	}
 	.formulario .instructions.error {
 		padding: 0.8em 1.5em 1em;
 	}
	.form-wrap label {
    	font-size: 16.5px;
 	}
	.form-wrap input, .form-wrap select, .form-wrap textarea {
    	font-size: 17.5px;
 	}
	.form-wrap .send {
    	font-size: 19px;
    	padding: 0.9em 1.9em;
 	}

}

/*Desktops pequenos*/
@media (min-width: 992px) and (max-width: 1199px) {

	nav.products-mobile {display: none;}
	.formulario h1 {
    	font-size: 38px;
    	padding-top: 6%;
	}
	.formulario .form-wrap {
		padding: 1% 20% 9% 20%;
	}
	.formulario .instructions {
    	font-size: 18px;
	}
	.form-wrap label {
    	font-size: 17px;
	}
	.form-wrap input, .form-wrap select, .form-wrap textarea {
    	font-size: 17.5px;
	}
	.form-wrap .send {
    	font-size: 19px;
    	padding: 1em 2em;
	}

}

/*Desktops médios*/
@media (min-width: 1200px) and (max-width: 1399px) {

	nav.products-mobile {display: none;}
	.formulario h1 {
    	font-size: 40px;
    	padding-top: 5%;
	}
	.formulario .form-wrap {
		padding: 1% 24% 8% 24%;
	}
	.formulario .instructions {
    	font-size: 19px;
	}
	.form-wrap label {
    	font-size: 17.5px;
	}
	.form-wrap .send {
    	font-size: 19.5px;
    	padding: 1em 2em;
	}

}

/*Desktops grandes*/
@media (min-width: 1400px) {

	nav.products-mobile {display: none;}

}