@media only screen and (max-width: 512px){
	.input-lbl{
		font-size: 1.7em;
	}
	.section#code-form .heroTitle{
		font-size: 2.89em !important;
	}
	.section#code-form .heroSubtext{
		font-size: 2.89em !important;
	}
}


@media only screen and (min-width:0px) {
	.container {
		width: 100%;
	}
	body { font-size: 12px; }
	.list-wrapper{
		padding-top: 2em;
		margin: 0em;
	}
	.input-hint, .fico{
		font-size: 1.06em;
	}
	section#code-form {
		min-height: none;
	}
	form#surveyForm .form-group p, form#surveyForm {
		font-size: 1em;
	}
	.smilingdiamonds{
		display: none;
	}
	.width{
		width: 100%;
		padding: 0 3em;
	}
	.column-width{
		width: 100%;
		margin: 0 0;
		margin-bottom: 10px;
	}
	.column-width:first-child{
		width: 100%;
		margin: 0 0 0 0;
		margin-bottom: 20px;
	}
	.column-width:last-child{
		width: 100%;
		margin: 0 0 0 0;
	}
	.column-wrapper{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}

@media only screen and (min-width:512px) {
	body { font-size: 14px; }
	.input-hint{
		font-size: 0.86em;
	}

}
@media only screen and (max-width:768px) {
	.list-comparison:first-child,
	.list-comparison:last-child{
		margin: 0;
	}
	.vs-circle{
		margin: 1em 0;
	}
}
@media only screen and (min-width:768px) {
	body { font-size: 16px; }
	.width{
		width: 60%;
		padding: 0;
	}
	.column-width{
		width: 33%;
		margin: 0 3.3em;
	}
	.column-width:first-child{
		width: 33%;
		margin: 0 3.3em 0 0;
	}
	.column-width:last-child{
		width: 33%;
		margin: 0 0 0 3.3em;
	}
	.column-wrapper{
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
	}
}

@media only screen and (min-width:1024px) {
	body { font-size: 18px; }
	.input-hint{
		font-size: 1.36em;
	}
	.fico{
		font-size: 1.1em;
	}
	section#code-form {
		min-height: 728px;
	}

}
@media only screen and (max-width:995px) {
	section#code-form::before{
		content:"";
		position: absolute;
		width: 100%;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: rgba(255, 255, 255, 0.75);
		
	}

}
@media only screen and (min-width:995px) {
	.smilingdiamonds{
		height: 100%;
		right: 20%;
		display: block;
	}

}

@media only screen and (min-width:1280px) {
	body { font-size: 20px; }
	.smilingdiamonds{
		height: 100%;
	}
}
@media only screen and (min-width:1200px) {
	.smilingdiamonds{
		height: 100%;
		right: 20%;
	}
}

@media only screen and (min-width:1400px) {
	body { font-size: 24px; }

}

@media only screen and (min-width:1940px) {
	.container {
		width: 1940px;
	}
}