/* 
black 	1B0B0C
blue	2A5590
yellow 	C2C577
red		ED3E3A
gray	DDDDDD
*/


html{
	background-color: #1b0b0c;
	color: #fff;
}
body,html{
	min-width: 400px;
}

@media (min-width: 600px){
	#login{
		width: 315px;
		left: 100px;
		text-align: right;
	}
	#homeTitle{
		font-size: 44px;
	}
	#homeWrapper{
		width :80%;
	}
	#homeTitle span{
		font-size: 21px;
	}
}
@media (max-width: 599px){
	#login{
		width: 90%;
		right: 40px;
		text-align: right;
	}
	#homeTitle{
		font-size: 10vw ;
		margin-left: 10vw;
	}
	#homeWrapper{
		width :100%;
	}
	#homeTitle span{
		font-size: 5vw;
	}
}

#carlogo{
	width: 80%;
	position: absolute;
	bottom: 10px;
	left: 10px;
	opacity: .7;
}

#homeWrapper{
	top: 20%;
	
	position: absolute;
	right: 0;

}
#homeTitle{
	font-family: Montserrat, sans-serif;
	font-weight: 500;
	border-bottom: solid #2A5590 10px;
}
#homeTitle span{
	display: block;
	line-height: 10px;
}
#login{
	font-family: Montserrat, sans-serif;
	font-weight: 200;
	font-size: 17px;
	margin-top: 40px;
	position: relative;
	position: relative;
	z-index: 1000;
	padding-bottom: 50px;
}	

#login div{
	margin: 10px 0;
}
#login label{
	display: block;
	width: 100%;
	margin-right: 10px;
	text-align: right;
}
#login input{
	border: #DDD;
	border-radius: 5px;
	padding:  5px 5px;
	font-family: Montserrat, sans-serif;
	font-weight: 200;
	font-size: 17px;
	width: 200px;
}

button{
	font-family: Montserrat, sans-serif;
	border-size: 1px;
	border-radius: 10px;
	padding:  2px 20px;
	font-size: 18px;
	font-weight: 200;
	cursor: pointer;
	
}
.clearButton{
	background-color: transparent;
	color: #fff;
	border-color: #fff;
	transition: .5s;
}
.clearButton:hover{
	background-color:#2A5590;
	transition: .5s;
}

#formError{
	color: #ED3E3A;
	text-align: right;
}
div.small{
	width: 100%; 
	display: block;
}
.yellow{
	color: #C2C577 !important;
}

#login  div img{
			height:  150px !important;
			width:  150px !important;
			z-index: 10000000;
		}
		#login #qr{
			
			padding :0px;
			width: 100%;
			border-radius: 10px;
		}

		.small{
			font-size: 10px;
			font-weight: 400;
			display: block;
			vertical-align: middle;
		}

		#fapage{
			width: 400px;
			position: relative;
		}
		#right{
			position: absolute;
			right: 0;
			width: 40%;
			text-align: left;
			padding-top: 30px;
		}
		#left{
			position: absolute;
			left: 0;
			width: 40%;
		}

		#right label{
			text-align: left;
		}

		#right button{
			margin-top: 20px;
			right: 0;
			display: inline-block;
			background-color: #000;
		}
		#right input{
			margin-top: 10px;
			display: block;
		}




@media (min-width: 600px){

}

@media (max-width: 599px){
	div#fpage{
		width: 100%;
		text-align: center;
	}
	div#right{
		position: static;
		display: block;
		margin: auto;
	}

	div#left{
		position: static;
		display: block;
		margin: auto;
	}
}