@media (max-width: 1131px) {
	.btn-primary{
		height:70px !important;
	}
	}
	
	@media (min-width: 0px) and (max-width: 767px) {
		#page-title{
			height:700px !important;
		}
	}
	
	@media (min-width: 0px) and (max-width: 767px) {
	.google-btn{
		height:45px !important;
	}
	}
	
	@media (min-width: 651px) {
	.login-container{
		margin:10px;
	 }
	}
	.fb {
	  background-color: #3B5998;
	  color: white;
	}

	.fb:hover {
		color:white;
		background-color: #324b81;
	}

	.google {
	  background-color: #dd4b39;
	  color: white;
	}
	
	.login-container{
		background-color:#fff;
		position:absolute;
		top: 10px;
		border-radius:10px;
		box-shadow:rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
		text-align:center;
		padding:20px;
	}
	
	h1{
		font-weight:100;
	}
	
	*{
		font-family:'Roboto Condensed', sans-serif ;
	}
	
	input{
	background-color:#fff !important;
	}
	
	label{
		text-transform: capitalize;
	}
	
	#sign-up{
		text-decoration: underline;
	}
	
	#sign-up:hover{
		color:rgb(95, 170, 236);
	}
	
	#page-title{
		-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	
	#eye{
		background: transparent;
		border: none;
	}
	
	#eye i{
		color:#808080
	}
	
	#eye i:hover{
		color:black;
		font-size: 1.1em;
	}
	
	.text{
		line-height: 160%;
		color: #404040;
		font-weight: 600;
	}