.main-content.is-login-page {
  background: #0d47a1;
  background: -webkit-linear-gradient(top left,#0d47a1 0%, #29b6f6 100%);
  background: linear-gradient(to bottom right,#0d47a1 0%, #29b6f6 100%);
  margin-top: 0px;
  color: #fff;
}

.navigation.is-login-page, .sub-navigation.is-login-page {
	display: none;
}

.login-page {
	padding: 0px;
}

.login-page h1{
	font-size: 24px;
	margin: 0px;
	margin-bottom: 15px;
	letter-spacing: 1px;
    font-weight: 500;
    color: #212121;
}

.login-page__form-container {
	padding: 25px;
	border-radius: 5px;
	background: #fff;
	width: 500px;
	max-width: 100%;
	margin: 0 auto;
	box-shadow: 0px 2px 10px rgba(0,0,0,0.25);
}

.login-page__links {
	margin-top: 25px;
}

.login-page__links a {
	color: #fff;
}

.login-page__logo {
	margin-bottom: 30px;
}

.login-page__cta-container {
	
}

.login-page__cta {
	background: #EF6C00;
	border-radius: 3px;
	box-shadow: 0px 2px 0px #E65100, 0px 1px 5px rgba(0,0,0,0.2), inset 0px 1px 1px rgba(255,255,255,0.1);
	color: #fff;
	z-index: 2000;
	letter-spacing: -0.5px;
	font-weight: 600;
}

.login-page__cta:hover {
	background: #E65100;
}

@media(max-width: 900px) {
	.login-page, .login-page__form-container {
		padding: 20px;
	}

	.login-page h1 {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.login-page__logo {
		margin-bottom: 20px;
	}

	.login-page__logo img {
		max-height: 50px;
	}
}

@media(max-width: 600px) {
	.login-page{
		margin-bottom: 40px;
	}

	.login-page, .login-page__form-container {
		padding: 15px 10px;
	}
}

@media(max-device-width: 600px) {
	.login-page__cta-container {
		position: fixed;
		left: 0px;
		right: 0px;
		bottom: 0px;
		padding: 10px;
		background: #fff;
		box-shadow: 0px -1px 3px rgba(0,0,0,0.2);
	}
}

@media(max-width: 400px) {
	.login-page {
		padding: 5px;
	}
}