/*------------------------------------------------------------------
    File Name: custom.css
-------------------------------------------------------------------*/

/** ADD YOUR AWESOME CODES HERE **/

#responsive-form{
 max-width:900px /*-- cambiar esto para conseguir el ancho de la forma deseada --*/;
 margin:0 auto;
 width:100%;
}
.form-row{
 width: 100%;
}
.column-half, .column-full, column-tres,  column-cuatro, column-cinco{
 float: left;
 position: relative;
 padding: 0.65rem;
 width:100%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box
}

.column-tres{
 float: left;
 position: relative;
 padding: 0.65rem;
 width:33%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box
}

.column-cuatro{
 float: left;
 position: relative;
 padding: 0.65rem;
 width:25%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box
}
.column-cinco{
 float: left;
 position: relative;
 padding: 0.65rem;
 width:25%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box
}
.clearfix:after {
 content: "";
 display: table;
 clear: both;
}






/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
 .column-half{
 width: 50%;
 }
.column-half:first-child {
 padding-right: 20px;
 }
	
.column-tres{
 width: 33%;
 }
.column-tres:first-child {
 padding-right: 20px;
 }
	
 .column-cuatro{
 width: 25%;
 }
.column-cuatro:first-child {
 padding-right: 20px;
 }
.column-cinco{
 width: 20%;
 }
.column-cinco:first-child {
  padding-right: 20px;
 }
}

/* ** fin css para plugin de contacto ** */



.borde{
  border-top: 1px solid #8A8A8A;
  border-right: 1px solid #8A8A8A;
  border-bottom: 1px solid #8A8A8A;
  border-left: 1px solid #8A8A8A;
  
}