@font-face{
	font-family: 'ShelleyAllegro';
	src: url('../fonts/34460_SHAL____.ttf')
	format('truetype');
}

.col-centered{
	float: none;
	margin: 0 auto;
}

body
{
	background-color: #34495e;
}

#heading{
	font-size: calc(1.71em + 1.71vw);
	color: #ECF0F1;
	text-align: center;
	font-family: 'ShelleyAllegro', sans-serif;	
	font-weight: 600;
	margin-top: 7.5%;
}

#subHeading{
	font-size: calc(0.75em + 0.75vw);
	color: #ECF0F1;
	text-align: center;
	font-weight: 600;
	margin-bottom: 1%;
}

.card{
	border-radius: 15px;
	box-shadow: 5px 10px 8px #517394;
	margin-top: 5%;
}

.card-body{
	padding: 0.25rem;
}

#cardTitle{
	font-size: calc(0.7em + 0.7vw);
	color: #34495e;
	text-align: center;
	font-weight: 600;
	margin-bottom: 0px;
}

.line-space{
	margin-bottom: 2%;
}


input::placeholder {
  color: #909090 !important;
}

#proceedBtn{
	font-size: calc(0.48em + 0.48vw);
	border : 1px solid #59BB46;
	background-color: transparent;
	color: #59BB46;
	margin-top: 3%;
}


/* iphone-5/sE, xs*/
@media (min-width: 300px) and (max-width: 350px){

}

/*galaxy-s5, xs*/
@media (min-width: 351px) and (max-width: 374px){

}

/*pixel-2, pixel -2XL, iphone-6/7/8/+,iphone-x, iphone-6/7/8, xs*/
@media (min-width: 375px) and (max-width: 424px){
	
}

/*xs*/
@media (min-width: 425px) and (max-width: 500px){
	
}

/*xs*/
@media (min-width: 501px) and (max-width: 575px){
	
}
/*sm*/
@media (min-width: 576px) and (max-width: 650px){
	
}

/*sm*/
@media (min-width: 651px) and (max-width: 767px){
	
}

/*i-pad , md*/
@media (min-width: 768px) and (max-width: 850px){
	
}


/*md*/
@media (min-width:851px) and (max-width: 991px){
	
}

/*ipad-pro , lg*/
@media (min-width:992px) and (max-width: 1150px){
	.card{width: calc(14em + 14vw);margin-left: -30% !important; margin-top: 8%;}
	#proceedBtn{font-size: calc(0.5em + 0.5vw);}
}


/*lg*/
@media (min-width:1151px) and (max-width: 1429px){
	.card{width: calc(12em + 12vw);margin-left: -11% !important; margin-top: 8%;}
	#proceedBtn{font-size: calc(0.5em + 0.5vw);}
}

/*mac-pro , lg*/
@media (min-width:1430px) and (max-width: 1500px){

}	


@media (min-width:1431px) {
	
	
}