@import url('nav.css');
@import url('footer.css');
@import url('header.css');
@import url('forms.css');


main #backBtn{
	color: #222;
	margin-right: 20px;
	display: none;
	font-size: 0.9rem;
}

/* FORM ******************************************** */

/* ACCOUNT TYPE ***************************************** */
#accountTypes input[type='radio']{
	display: none;
}
#accountTypes .account-type{
	width: 33.3%;
	height: 200px;
}
#accountTypes .account-type:not(.account-type:last-of-type){
	margin-right: 30px;	
}
#accountTypes .account-type label{
	border: 1px solid #00a85a5e;
	border-radius: 2px;
	width: 100%;
	height: 100%;
	padding: 10px;
	cursor: pointer;
	transition: all .4s;
}
#accountTypes .account-type label:hover{
	background-color: #00a85a1a;
}
#accountTypes .account-type i{
	color: #888;
	font-size: 2rem;
	margin-bottom: 10px;
}
#accountTypes .account-type .name{
	color: #222;
	font-weight: 600;
	margin-bottom: 10px;
}

#accountTypes .account-type .description{
	display: inline-block;
	color: #222;	
	font-size: 0.85rem;
	text-align: center;
}

#mainForm{
	display: none;
}


@media all and (max-width: 767px){
	#accountTypes .account-type{
		width: 100%;
		height: auto;
	}
	#accountTypes .account-type:not(.account-type:last-of-type){
		margin-right: 0;	
		margin-bottom: 30px;	
	}
	#accountTypes .account-type label{
		padding-top: 15px;
		padding-bottom: 15px;
	}
}