html {
	font-size: 62.5%; /* 10px browser default */
}

body {
	background: #f1f1f1;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
}

.login h1 a {
  background-image: url('images/logo.svg');
  background-size: contain;
  width: 300px;
  background-position: center center;
}

.login .message {
	border: 1px solid #ccc;
	box-shadow: none;
	border-left: 4px solid #ccc;
	background: #fff;
}

.login form {
	
	box-shadow: 0 0 5px #ddd;
}

.login label {
	font-size: 15px;
	font-size: 1.5rem;
}

.login #backtoblog, 
.login #nav {
	font-size: 14px;
	font-size: 1.4rem;
}

.login .button-primary {
	background: #000;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 0;
	border: 0 none;
	text-shadow: 0 0 0 transparent;
	box-shadow: none;
}

.login .button-primary:hover,
.login .button-primary:active {
	background: #a0a0a0;
	border: 0 none;
}

.login form .input, 
.login input[type="text"] {
	background: #fff;
	border: 1px solid #ddd;
}

.login label {
	color: #000;
}