.hero_txt {font-size: 19px;  line-height: 1.55;}
	.hero_txt p{margin: 0; padding: 1rem 0}
	.hero_txt img{margin-bottom: 1rem; }

	.capsule{font-size: 5.7vw; padding:5px 10px; margin: 3rem 0 1rem 0; border-radius: 10px; background-color: var(--pale); color: var(--main); font-weight: 800; display: inline-block !important; width: auto; line-height: 1; width: auto !important;  }

	article h2{padding-bottom: 2rem;font-size: 30px;   font-weight: 800;  line-height: 1.3;}
	.box h2{text-align: left; padding: 0 0 1rem 0;  }
	.box, article{font-size: 17px;  line-height: 1.55;}

	.bluebox{position: relative; overflow: hidden; padding-bottom: 150px; }
	.bluebox h2{ font-size: 10vw;  font-weight: 800;  line-height: 1.3;  letter-spacing: -2.04px;  }
	.bluebox .swoosh { position: absolute; bottom: 0; left: 0; width: 100%;}
	.bluebox .pig { position: absolute; bottom: -17px; right:-10px; width: 152px;}

	.whitebox h2 {font-size: 6vw; line-height: 1.15}
	.whitebox h2 span{display: block;}

	h2.swooshed{font-size: 62px;  font-weight: 800;  font-style: normal;  line-height: 1.3;  letter-spacing: -2.79px; color: var(--main); position: relative; width: 260px; margin: 0 auto;}
	h2.swooshed:after{content: url(../99c/images/underline-swoosh-blue.svg); position: absolute; bottom: 8px; right: 0; }

	h3{text-transform: uppercase; font-size: 20px;   line-height: 1.3;  letter-spacing: 2px; color: var(--main); padding: 1rem 0}
	h3 strong {display: block;}

	a.cta, a.ctaW {width: 100%;}

	/*S*/
	@media only screen and  (min-width: 576px) {
		.whitebox h2 {font-size: 42px;}
		a.cta, a.ctaW {width: auto;}
	}
	
	/*M*/
	@media only screen and  (min-width: 768px) {
		.capsule{font-size: 2.85vw; }
		.hero_txt {}
		.hero_txt p, .hero_txt img{margin: 0; padding: 0}
		.hero_txt {font-size: 20px}
		/*.hero_txt img, .hero_txt p{max-width: 491px; width: 100%}*/
		.herotextdiv {max-width: 491px; margin: 0 auto; display: flex;  flex-direction: column;  justify-content: space-between;align-items: flex-start;height: 100%;}


		.bluebox h2{ font-size: 66px;  }
		.whitebox h2 {font-size: 46px;}
		h3 strong {display: inline;}
		article h2{font-size: 34px}
		h2.swooshed{margin-top: 2rem;}


 

	}

	/*L*/
	@media only screen and (min-width: 992px) {
		.whitebox h2{font-size: 41px;  }
		.bluebox h2{font-size: 64px;}
	}
	
	/*XL*/
	@media only screen and (min-width: 1200px) {
		.capsule{font-size: 33px; }
		.box{ padding: 30px 40px; }
		.box, article{font-size: 22px;}

	}

	/*XXL*/
	@media only screen and (min-width: 1400px) {
	}

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

	}