.question{}
.answer{}

.col2{
	display:block;
	margin-bottom:1em;
}
.col2+.col2{margin-bottom:0;}

.col3{
	display:block;
	margin-bottom:1em;
}
.col3+.col3+.col3{margin-bottom:0;}
.col4{
	display:block;
	margin-bottom:1em;
}
.col4+.col4+.col4+.col4{margin-bottom:0;}

.font22{font-size:1.2em;}
.font32{font-size:1.4em;}
.font38{font-size:1.75em;}
.font75{font-size:3em;}
.font84{
	font-size:3.5em;
	line-height:1;
}
.font102{
	font-size:3.8em;
	line-height:1;
}
.font220{
	font-size:4.5em;
	line-height:1;
}

.violet-label{
	padding:0.2em 0.5em;
	border-radius:2em;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:0.9em;
	color:white;
	background-color:#4100d3;
}



@media only screen and (min-width: 480px) {
	.col3,.col4{
		width:calc(48% - 0.3em);
		display:inline-block;
		vertical-align:top;
	}
	.col3+.col3,
	.col4+.col4,
	.col4+.col4+.col4+.col4{margin-left:4%;}
	.col3+.col3+.col3,
	.col4+.col4+.col4{margin-left:0;}
		.col3 h2:first-child,
		.col4 h2:first-child,
		.col3 h3:first-child,
		.col4 h3:first-child,
		.col3 h4:first-child,
		.col4 h4:first-child{
			margin-top:0;
			padding-top:0;
		}
}
@media only screen and (min-width: 600px) {
	.col2{
		width:calc(47% - 0.3em);
		display:inline-block;
		vertical-align:top;
	}
	.col2+.col2{margin-left:6%;}
		.col2 h2:first-child,.col2 h3:first-child,
		.col2 h4:first-child{
			margin-top:0;
			padding-top:0;
		}
	.col3{
		width:30%;
		width:calc(32.33% - 0.25em);
		display:inline-block;
		vertical-align:top;
	}
	.col3+.col3,
	.col3+.col3+.col3{margin-left:1.5%;}
	.right-col2{
		max-width:50%;
		float:right;
		margin:0 0 30px 30px;
	}
}

@media only screen and (min-width: 960px) {

	.col4{
		width:24%;
		display:inline-block;
		vertical-align:top;
	}
	.col4+.col4,
	.col4+.col4+.col4,
	.col4+.col4+.col4+.col4{margin-left:1.2%;}
}