.registration-form{
	max-width: 800px;
	/*margin: 100px auto;*/
    margin-top: 10px;



}

.registration-form #btn-guardar{
	font-size: 13px;
}

.registration-form .frm{/* todo lo rojo*/
	float:right;
	height: auto;
    width: 50%;
    min-width: 250px;
    padding: 0 35px;
    padding-top: 20px;
   background: #F3F3F3;
	border-radius: 5px;
	-webkit-border-radius: 5px;
    -webkit-box-shadow: 3px 2px 12px #666666;
    -moz-box-shadow: 3px 2px 12px #666666;
    border-radius: 5px;
}
.registration-form .frm  #foto{
	font-size: 12px;
	height: 20px;
	background-color: white;
	cursor: pointer;

}
.titulo-registrar-usuario{
	padding-top: 10px;
	font-size: 25px;
}
.subtitulo-registrar-usuario{
	padding-top: 10px;
	font-size: 30px;
	font-weight: 800;
	color: #3eb9fc;
}

.registration-form .form-control{/*cada input*/
	width: 90%;
	padding: 12px 20px;
	height: 20px;
	font-size: 12px;
}

@media screen and (max-width: 700px){
	.registration-form .image{
		width: 30%;
	    background-position: 60%;
	}

	.registration-form .frm{
		width: 70%;
	}

	.registration-form .form-control{
		width: 100%;
	}
}

@media screen and (max-width: 500px){
	.registration-form .image{
		display: none;
	}

	.registration-form .frm{
		width: 100%;
	}

	.registration-form h1{
		text-align: center;
	}

	.registration-form .btn{
		width: 100%;
		margin-top: 20px;
	}
}