.home-page {
	padding-top: 150px;
	height: 100vh;
	background-repeat:no-repeat;
	background-size:contain;
	background-position: top right;
	background-color: #022657;
	color: white;
}


.login-page {
	padding-top: 150px;
	height: 100vh;
	background-color: #022657;
}



.home-overlay {
  background: #022657;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 50%;
  top: 0;
  z-index: 0;
  -webkit-transform: skewX(-15deg);
  transform: skewX(-15deg);
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

.spacing-top-try-free-button {
	margin-top: 160px;
}

.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  font-family: 'Montserrat', sans-serif;
  border-width: 0;
  border-radius: 0;
  background-color: #022657;
}


.navbar-lg .brand-title {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 3px;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  font-weight: bold;
  text-decoration: underline;
  background-color: transparent;
}

.navbar-lg .navbar-nav > li > a {
  font-size: 14px;
  line-height: 1.6;
  color: #fff;
  text-transform: uppercase;
}


.navbar-lg .navbar-nav > li > a:hover {
	text-decoration: underline;
}


.text-title {
	font-size: 2em;
}

@media only screen and (max-width: 768px) {
	
	.text-title {
		font-size: 1.7em;
	}

	.home-page {
		padding-top: 75px;
		background-position: bottom left;
	}
	
	.login-page {
		padding-top: 45px;
		height: 100hv;
	}
	

	.home-overlay {
		height: 100vh;
		opacity: 0.6;
		right: 0;
		-webkit-transform: skewX(0deg);
		transform: skewX(0deg);
	}

	.spacing-top-try-free-button {
		margin-top: 10px;
	}

	.navbar-lg .brand-title {
	  font-size: 14px;
	  font-weight: 600;
	  text-transform: uppercase;
	  color: #fff;
	  letter-spacing: 2px;
	}
	
}