@import 'compass';
@import 'breakpoint';
@import 'variables';
@import 'reset';
@import 'fontAwesome';
@import 'classes';
@import 'forms';
@import 'buttons';

.logo-jazi{
	h1{
		font-size: 55px;
		font-weight: 800;
		color: #fff;
	}
}
.auth-container {
	margin:0 auto;
	width: 480px;
	height:100vh;
	@include display-flex;
	@include justify-content(center);
	@include align-items(center);

	@include breakpoint(max-width $mobile){
		max-width: 100%;
	}
}
.auth-form-container {
	width:100%;
	margin-bottom: 80px;
	
	.logo-axa {
		width:100px;
		height:100%;
		display: block;
		margin: 0 auto 46px;
	}

	h2 {
		font-family: $primaryFont;
	}

	.auth-form {
		width: 100%;
		display: block;
		margin-top:14px;
		padding: 50px;
		background: #fff;

		@include breakpoint(max-width $mobile){
			padding:20px;
		}
	}
}
label{
	a{
		color: #333;
	}
}
.auth-footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	padding: 20px 40px;

	.footer-content{
		h4{
			color: #fff;
		}
		img{
			height: 32px;
		}
	}
}