html{
    background: url("../imagenes/background.jpg") no-repeat;
	background-size: cover;
    min-height: 100%;
}

body{
	background-color: rgba(0,0,0,0.8);
}

#registration-form{
	max-width: 2200px;
	margin: 0px auto;
}

 on-form .image {
        float: left;
        background-image: url("desk.jpg");
        height: 100%;
        width: 100%;
        background-size: cover;
        background-position: 25%;
    }

    #registration-form .frm {
        float: right;
        height: 100%;
        width: 100%;
        min-width: 250px;
        padding: 0 35px;
        background-size: 100% 100%;
        background-color: white;
    }

#registration-form h1ground-color: white;
}

#registration-form h1{
	margin-top: 30px;
	margin-bottom: 20px;
}

#registration-form .form-control{
	width: 90%;
	padding: 12px 20px;
	height: auto;
}

@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;
	}
}