html {
	background-color: #00b5fe !important;
	}

body.login {
	background: #ffffff url(images/iStock-172735137.jpg) right center no-repeat !important;
	background-size: cover !important;
}
#login {
	padding: 0;
	background: white;
	width: 460px;
	float: left;
	height: 100%;
}
.login h1 a {
	background-size: auto;
}
h1 {
	margin-bottom: 0px !important;
	padding: 40px 0 20px !important;
}
h1 a {
	background: url('images/IronworkersUSA_logo_color.png') center top no-repeat !important; 
	background-size: 100% auto !important;
	width: 300px !important;
	max-width: 300px !important;
	height: 108px !important;
	
}
.login form {
	box-shadow: none !important;
	border: none !important;
}
.login form .input, .login input[type="text"], input:-webkit-autofill {
	background: #fff !important;
	color: #243A59 !important;
}
.login .message {
	margin: 0 auto !important;
	width: 58%;
}
.login label {
	color: #243A59 !important;
	text-shadow: none;
}
.login #nav {
	float: right;
	margin: 10px 10% 10px 0;
	padding: 0;
}
.login #nav a {
	color: #243A59 !important;
	text-shadow: none;
}
.login #backtoblog {
	float: left; 
	margin: 10px 0 10px 10%;
	padding: 0;
}
.login #backtoblog a {
	color: #243A59 !important;
	text-shadow: none;
}

.wp-core-ui .button-primary {
	color: #0E1C3E !important;
	border: none !important;
	border: 1px solid #0E1C3E !important;
	border-radius: 0px !important;
	background: none;
	transition: all 0.25s ease;
	text-transform: uppercase;
	text-shadow: none;
	font-weight: normal;
	box-shadow: none;
	display: inline-block;
	float: right;
	margin: 20px 0;	
	width: 210px !important;
	height: 50px !important;
	font-size: 20px !important;
	line-height: 50px;
	padding: 0;	
}
.wp-core-ui .button-primary:hover {
	color: #fff !important;
	background: #0E1C3E;
	box-shadow: none;
}
        
@media only screen and (max-width: 480px) {
	body.login {
		padding-bottom: 40px !important;
		background: #ffffff url(images/iStock-172735137.jpg) right top no-repeat !important;
		background-size: cover !important;
	}
	#login {
		width: 100%;
		padding: 0 !important;
		float: none;
		background: rgba(255,255,255,.7);
	}
	h1 {
		padding: 14px 0 1px !important;
	}
	.login label {
		color: #243A59 !important;
	}
	.login #nav a {
		color: #243A59 !important;
	}
	.login #backtoblog a {
		color: #243A59 !important;
	}
	.login form {
		width: auto !important;
		padding: 10px 20px 0 !important;
		background: none !important;
	}
	.login .message {
		margin: 0 20px !important;
		width: auto;
	}
	.login #nav {
		margin: 0 0 20px !important;
		padding: 0 !important;
		float: none;
		width: 100%;
		text-align: center;
	}
	.login #backtoblog {
		margin: 0 0 20px !important;
		padding: 0 !important;
		float: none;
		width: 100%;
		text-align: center;
	}
}