@import url('https://fonts.cdnfonts.com/css/myriad-pro');
*{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
input[type="text"]
{
    font-family: 'Myriad Pro', sans-serif;
    font-size:18px;
}

body{
	background: #FFB100;
	color: #485e74;
	line-height: 1.6;
	font-family: 'Myriad Pro', sans-serif;
	padding: 1em;
}
.container{
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
	padding: 1em;
}

.contact form input[type=checkbox] {
	width: 10%;
}

.brand{
	text-align: center;
	text-shadow: 0.1px .5px .5px;
}
.brand span{
	color: E3157D;
}

.wrapper{
	-webkit-box-shadow: 0 0 20px 0 rgba(72,94,116,0.7);
	box-shadow: 0 0 20px 0 rgba(72,94,116,0.7);
}
.wrapper >*{
	padding: 1.2em;
}

.contact{
	background: #f9feff;
}
/* form estilos */
.contact form{
	display: grid;

	grid-gap: 20px;
}
.contact form label{
	display: block;
}
.contact form p{
	margin: 0;
}

.contact form .full{

}
.contact form button, .contact form input, .contact form textarea{
	width: 100%;
	padding: 1em;
	border: 1px solid #c9e6ff;
}
.contact form input[type=submit] {
	background: #E3157D;
	color:#FFFFFF;
	border: 0;
	font-size:20px;
	text-transform: uppercase;
	-webkit-transition: .5s;
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.contact form button:hover, .contact form button:focus{
	background: #E3157D; 
	color: white;
	outline: 0;
	
}
/* media query */

@media(min-width:700px){
	.wrapper{
		display: grid;
	}
	.wrapper >*{
		padding: 2em;
	}

	.container{
		margin: 0;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
	}
}