/* Importación de fuentes de google fonts */ 
@import url(https://fonts.googleapis.com/css?family=Noto+Sans);

.contact_form{	
width: 28.75em; 
  height: auto;
  margin: -1.625em auto;
	border-radius: 0.625em;  
	padding-top: 1.875em;
	padding-bottom: 1.25em;  
  background-color: #fbfbfb; 
  padding-left: 1.875em; 
}


input{
	background-color: #fbfbfb; 
	width: 25.5em; 
	height: 2.5em; 
	border-radius: 0.313em;  
	border-style: solid; 
	border-width: 1px; 
	border-color: #ab4493; 
	margin-top: 0.625em;  
	padding-left: 0.625em;
  margin-bottom: 1.25em; 
}


textarea{
  background-color: #fbfbfb; 
	width: 25.313em; 
	height: 19.375em; 
	border-radius: 0.313em;  
	border-style: solid; 
	border-width: 1px; 
	border-color: #ab4493; 
	margin-top: 0.625em;  
	padding-left: 0.625em;
  margin-bottom: 1.25em; 
  padding-top: 0.938em; 
}


label{
  display: block; 
	float: center; 	
}


button{
	height: 45px; 
	padding-left: 0.313em;
	padding-right: 0.313em; 	
	margin-bottom: 1.25em; 
	margin-top: 0.625em; 	
	text-transform: uppercase;
	background-color: #ab4493; 
	border-color: #ab4493; 
	border-style: solid; 
	border-radius: 0.625em;	
	width: 26.25em;   
    cursor: pointer;
}


button p{
	color: #fff; 
}


span{
	color: #ab4493; 
}


.aviso{
	font-size: 0.813em;  
	color: #0e0e0e;  
}


h1{
	font-size: 2.438em;  
	text-align: letf; 
	padding-bottom: 1.25em; 
	color: #ab4493;
}


h3{
	font-size: 1em; 
	padding-bottom: 0.625em;
	color: #0e0e0e;   
}


p{
	font-size: 0.875em; 
	color: #0e0e0e; 
}


::-webkit-input-placeholder {
 color: #a8a8a8;
}


::-webkit-textarea-placeholder {
 color: #a8a8a8;
}


.formulario input:focus{
	outline:0;
	border: 1px solid #97d848;
}


.formulario textarea:focus{
	outline:0;
	border: 1px solid #97d848;
}
textarea{
	width: 44em;
	height: 10em;
}
.formulario h1{
	margin-block-start: 0px;
	margin-block-end: 0px;
	padding-bottom:0px;
}
.formulario p{
	margin-block-start: 0px;
	margin-block-end: 0px;
	padding-bottom:0px;
}
@media (max-width: 700px) {
    .body{
            height: 100%;
              }
			  .contact_form{
				height: 40em;
				width: 22.75em;
			  }
			  textarea{
				width: 25em;
				height: 20em;
			}
			.formulario h1{
				margin-block-start: 10px;
				margin-block-end: 10px;
				padding-bottom:10px;
			}
			.formulario p{
				margin-block-start: 10px;
				margin-block-end: 10px;
				padding-bottom:10px;
			}
			main{
				width: 100%;
				height: 60em;
				
			}
			
			}