@media only screen and (min-width: 996px){
	.cs-section p, .cs-section li{
		font-size: 1.25rem;
	}

	.cs-section p.lead{
		font-size: 1.5rem;
	}

}
.section-callout {
	border-top: 4px solid #423179;
	border-bottom: 4px solid #423179;
}

.section-sponsored {
	background: #423179;
	border-radius: 1.25rem;

/* Start hidden and shifted down by 20px */
.reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 600ms ease-out, transform 600ms ease-out;
  will-change: opacity, transform;
}

/* When in view, fade in and slide up to natural position */
.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Respect prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}