body {
	height:100%;
	background-image:url('../images/194-Quimby-Lane-Hamptons-Estate-Garage.jpg');
	background-size:100% 100%;
	background-repeat:no-repeat;
}

.twopiece {
	width:35% !important;
}

#form-cont {

	width:36.5%;
	height:70%;
	position:relative;
	top:12%;
	margin:0 auto;
	background-color:white;
	box-shadow:0 0 0 1px #337ab7;
	border-radius:10px;
}

#form-cont a {
	position:absolute;
	bottom:-2%;
	display:block;
	width:100% !important;
	text-align:center;
	font-size:20px;
	line-height:35px;
	border-bottom: 1px solid #337ab7;
	background-color:white;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}

#logo {
	width:320px;
	height:250px;
	display:block;
	position:relative;
	top:3%;
	background-image:url('../images/logo-big.png');
	background-size:100% 100%;
	border-radius:5px;
	margin:0 auto;
}

label {
	display:block !important;
	width:80% !important;
	margin:0px auto 15px auto !important;
	text-align:center;
	font-size:20px;
}

@media only screen and (max-width:75em) {
	#logo {
		width:300px;
		height:234px;
	}
}

@media only screen and (max-width: 60em) {
	label {
		font-size:15px;
	}
	#form-cont {
		display:block !important;
		width:45% !important;
		height:75% !important;
	}
}

@media only screen and (max-width: 35em) {

#form-cont {

	width:100% !important;
	height:100% !important;
	position:relative;
	top:0 !important;
	margin:0 auto;
	background-color:white;
	box-shadow:0 0 0 1px #337ab7;
	border-radius:10px;
}
#form-cont a {
	bottom:0 !important;
}
}

#container {
	width:100%;
	height:35%;
	position:absolute;
	bottom:9%;
	display:flex;
	justify-content:space-around;
	flex-flow:row wrap;
}
input{
	width:100%;
	height:30%;
}

input[type=submit] {
	display:block;
	margin:0 auto !important;
	width:80% !important;
	border-radius:10px;
	transition:background-color 0.3s;
	background-color:white;
	border:2px solid #ccc;
	color:#434343;
	font-size:20px;
	font-weight:bold;
	outline:0;
}

input[type=submit]:hover {
	background-color:#337ab7;
	color:white;
	box-shadow:none;
}