html {
	background-color: #fff !important;
	}

body.login {
	background: #fff url(images/topography-pattern.png) left top repeat;
}
#login {
	width: 100%; 
	padding: 0;
}
.login h1 a {
	background-size: auto;
}
h1 {
	margin-bottom: 20px !important;
	background: #243A59;
	padding: 40px 0 20px !important;
}
h1 a {
	background: url(images/quik-trak-logo-long.svg) center top no-repeat !important; 
	width: auto !important;
	max-width:700px !important;  
	height:45px !important;
}
.login form {
	/*background-color: #272525 !important;*/
	background: none;
	padding: 50px 20% 0 !important;
	width: 60%;
	height: 221px;
	margin-left: 0 !important;
	box-shadow: none !important;
	border: none !important;
}

.login form .input, .login input[type="text"], input:-webkit-autofill {
	background: rgba(0,0,0,.5) !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 20% 10px 0;
}
.login #nav a {
	color: #243A59 !important;
	text-shadow: none;
}
.login #backtoblog {
	float: left; 
	margin: 10px 0 10px 20%;
}
.login #backtoblog a {
	color: #243A59 !important;
	text-shadow: none;
}
.wp-core-ui .button-primary {
	color: #ffffff !important;
	border: none !important;
	border-bottom: 0px solid #d0881e !important;
	border-radius: 0px !important;
	background: #78C5F2;
	transition: all 0.25s ease;
	text-transform: uppercase;
	text-shadow: none;
	font-weight: bold;
	box-shadow: none;
}
.wp-core-ui .button-primary:hover {
	color: #fff !important;
	background: #243A59;
	box-shadow: none;
}

@media only screen and (min-width: 1024px) {
	.login form {
		padding: 50px 30% 0 !important;
		width: 40%;
	}
	.login .message {
		margin: 0 auto !important;
		width: 38%;
	}
	.login #nav {
		margin: 10px 30% 10px 0;
	}
	.login #backtoblog {
		margin: 10px 0 10px 30%;
	}
}
        
@media only screen and (max-width: 480px) {
	body.login {
		padding-bottom: 40px !important;
		background-position: 58% 0px;
	}
	#login {
		width: auto;
		padding: 0 !important;
	}
	h1 {
		padding: 14px 0 1px !important;
	}
	.login h1 a {
		background-size: 80% !important;
		height: 45px !important;
		margin: 15px auto 15px;
	}
	.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;
	}
	.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;
	}
}