* {

  box-sizing: border-box;
}



.wrap {
  width: 100%;
  max-width: 500px;
  margin: auto;
  background: #fff;
  box-shadow: 0px 0px 3px grey;
  padding:20px;
}

.contenedor-formulario {
  width: 100%;
  color: #000;
  padding: 20px;
}
.contenedor-formulario .formulario {
  width: 100%;
  margin: auto;
}
.contenedor-formulario .formulario .input-group {
  position: relative;
  margin-bottom: 32px;
}
.contenedor-formulario .formulario .input-group input[type="text"],
.contenedor-formulario .formulario .input-group input[type="email"],
.contenedor-formulario .formulario .input-group input[type="password"] {
  font-family: "Gotham Light", Arial;
  font-size: 16px;
  color: #246357;
  width: 100%;
  outline: none;
  padding: 15px;
  background: none;
  border: none;
  border-bottom: 2px solid #000;
}
.contenedor-formulario .formulario .input-group input[type="text"]:focus, .contenedor-formulario .formulario .input-group input[type="text"]:active,
.contenedor-formulario .formulario .input-group input[type="email"]:focus,
.contenedor-formulario .formulario .input-group input[type="email"]:active,
.contenedor-formulario .formulario .input-group input[type="password"]:focus,
.contenedor-formulario .formulario .input-group input[type="password"]:active {
  outline: none;
  border-bottom: 2px solid #CCC;
}
.contenedor-formulario .formulario .input-group input[type="text"].error,
.contenedor-formulario .formulario .input-group input[type="email"].error,
.contenedor-formulario .formulario .input-group input[type="password"].error {
  border-bottom: 2px solid #246357;
}
.contenedor-formulario .formulario .input-group input[type="text"].error + label,
.contenedor-formulario .formulario .input-group input[type="email"].error + label,
.contenedor-formulario .formulario .input-group input[type="password"].error + label {
  color: #D32F2F;
}
.contenedor-formulario .formulario .input-group label {
  color:#000;
}
.contenedor-formulario .formulario .input-group label.label {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-left: 15px;
  font-size: 16px;
  line-height: 16px;
  position: absolute;
  top: 16px;
  left: 0;
}
.contenedor-formulario .formulario .input-group label.label.active {
  top: -12px;
  font-size: 12px;
  line-height: 12px;
  color: #B6B6B6;
}


.contenedor-formulario .formulario .input-group.error label {
  color: #246357;
}
.contenedor-formulario .formulario .input-group.error label:hover {
  background: rgba(211, 47, 47, 0.2);
}
.contenedor-formulario .formulario .input-group.error label:before {
  border: 2px solid #D32F2F;
}
.contenedor-formulario .formulario .input-group.radio input[type="radio"] {
  display: none;
}
.contenedor-formulario .formulario .input-group.radio input[type="radio"]:checked + label:before {
  display: none;
}
.contenedor-formulario .formulario .input-group.radio input[type="radio"]:checked + label {
  padding: 5px 15px;
  background: #303F9F;
  border-radius: 2px;
  color: #f2f2f2;
}
.contenedor-formulario .formulario .input-group.checkbox label:before {
  border-radius: 3px;
}
.contenedor-formulario .formulario .input-group.checkbox input[type="checkbox"] {
  display: none;
}
.contenedor-formulario .formulario .input-group.checkbox input[type="checkbox"]:checked + label:before {
  display: none;
}
.contenedor-formulario .formulario .input-group.checkbox input[type="checkbox"]:checked + label {
  background: #303F9F;
  color: #f2f2f2;
  padding: 5px 15px;
}
.contenedor-formulario .formulario input[type="submit"] {
	background:#000 ;
	border-radius: 1px;
	border: 2px solid #f2f2f2;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: "Gotham Bold", Arial;
	font-size: 16px;
	padding: 15px;
	width: 100%;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	letter-spacing: .2em;
	
}
.contenedor-formulario .formulario input[type="submit"]:hover {
  background: #246357;
}

.contenedor-formulario .formulario .input-group #comen {
	background-color: #fff;
	width: 100%;
	height: auto;
	border: 2px solid #000;
	font-family: "Gotham Light";
	font-size: 100%;
}

textarea{
	min-height:100px;
	min-width:100px;

}

#con {
	width:15%;
	height:auto;
	margin-left:45%;
}

@media screen and (max-width: 800px){
	
	
.wrap {
  width: 100%;
  padding: 20px;
 max-width:500px;
  background: #fff;
}

.contenedor-formulario {
  width: 100%;
  color: #000;
  padding: 20px;
}
	
	
	#con {
	width:30%;
	height:auto;
	margin-left:35%;
	padding-top:20px;
}

.contenedor-formulario .formulario input[type="submit"]  {
	background:#000;
	position:absolute;
	width:80%;
	
	
}
}