/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * ox.css
 * =========================================================================
 *
 * Table of Contents
 * -----------------
 *
 * + General Styles
 * + Fonts/Colors
 * + Navigation
 * + Header
 * + Footer
 * + 
 * + Shame (Should always be the last item in stylesheet)
 *
 * Read more:
 * - http://www.sitepoint.com/architecture-sass-project/
 * - https://css-tricks.com/sass-style-guide/
 *
 * @TODO: Update TOC as necessary.
 *
 * @BUG:
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/*-General Styles----------------------------------------------------------*/
html, body {
	overflow-x: hidden;
	min-width: 320px;
	font-family: "neue-haas-grotesk-text", sans-serif;
	color: #3b3b3b;
}
a, ol, ul, p {
	font-family: "neue-haas-grotesk-text", sans-serif;
}
section {
	clear: both;
	padding: 40px 0;
}
.section-hero {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 0 0;
}

#ot-sdk-cookie-policy, #ot-sdk-btn { display: none; }
/*-Mobile----------------------------*/
@media (max-width: 1024px) {
	.show-desktop { display: none !important; }
	.show-mobile { display: inherit !important; }
}
/*-Desktop----------------------------*/
@media (min-width: 1025px) {
	.show-desktop { display: inherit !important; }
	.show-mobile { display: none !important; }
}
/*----------------------------------------------------------General Styles-*/

/*-Fonts/Colors------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	text-transform: none;
	font-family: "neue-haas-grotesk-display", sans-serif;
}
.btn-sm, .btn-lg,
button, .btn {
	text-transform: none;
	font-family: "neue-haas-grotesk-text", sans-serif;
	font-weight: 500;
}
.alt-text {
	font-family: "Libre Baskerville", serif;
	font-style: italic;
}

.bg-purple-dk, .bg-purple-lt, .bg-purple, .bg-black,
.bg-purple-dk p, .bg-purple-lt p, .bg-purple p, .bg-black p,
.bg-purple h1, .bg-purple .header-1, .bg-purple .subheading {
	color: #fff;
}
.subheading { text-align: center; }

a.btn-round { border-radius: 28px; }
a.btn-sm { padding: 12px 25px; }
a.btn-lg {
	padding: 16px 20px;
	font-size: 1rem;
}

a.btn-white {
	border: none;
	color: #4F2984;
	text-decoration: none;
	text-transform: none;
	font-family: "neue-haas-grotesk-text", sans-serif;
	font-weight: 700;
	background-color: #fff;
}
a.btn-white:hover {
	font-family: "neue-haas-grotesk-text", sans-serif;
	color: #000;
	background-color: #C04CFF;
	text-decoration: none;
}
a.btn-purple {
	border: none;
	color: #FFF;
	text-decoration: none;
	text-transform: none;
	font-family: "neue-haas-grotesk-text", sans-serif;
	background-color: #4F2984;
}
a.btn-purple:hover {
	font-family: "neue-haas-grotesk-text", sans-serif;
	color: #FFF;
	background-color: #C04CFF;
	text-decoration: none;
	text-transform: none;
}
a.header-link {
	color: #fff;
	text-decoration: none;

	font-size: 0.8rem;
	margin-right: 1rem;
}

.bg-black { background-color: #000; }
.bg-gray { background-color: #f8f8f8; }
.bg-purple { background-color: #592C82; }
.bg-purple-lt { background-color: #C04CFF; }
.bg-purple-dk { background-color: #310E6E; }
.bg-gradient-dk {
	background: #34F8FF;
	background: linear-gradient(72deg,rgba(52, 248, 255, 1) 0%, rgba(109, 92, 235, 1) 37%, rgba(192, 76, 255, 1) 70%);
	background-image: url("../img/gradient-dk.png"), linear-gradient(72deg,rgba(52, 248, 255, 1) 0%, rgba(109, 92, 235, 1) 37%, rgba(192, 76, 255, 1) 70%);
	background-repeat: no-repeat;
	background-size: 140% 100%;
	background-position: left center;
}
.bg-gradient-dk.v2 {
	background: #34F8FF;
	background: linear-gradient(to bottom, #002 20%,rgba(49,14,110,0.5) 70%) no-repeat top left,
    	        linear-gradient(to right,  rgba(52, 248, 255, 1) 0%, rgba(192, 76, 255, 1) 70%);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: left center;
}
.bg-gradient-lt {
	background: #C04CFF;
	background: linear-gradient(55deg, rgba(192, 76, 255, 1) 30%, rgba(52, 248, 255, 1) 80%);
	background-image: url("../img/gradient-lt.png"), linear-gradient(15deg, rgba(192, 76, 255, 1) 30%, rgba(52, 248, 255, 1) 80%);
	background-repeat: no-repeat;
	background-size: 140% 100%;
	background-position: center center;
}
/*-Desktop----------------------------*/
@media (min-width: 1025px) {}
/*-Mobile----------------------------*/
@media (max-width: 767px) {}
/*------------------------------------------------------------Fonts/Colors-*/

/*-Navigation--------------------------------------------------------------*/
 .top-bar { background-color: #592c82; }
 .title-bar-logo { height: 100%; }
/*-Desktop----------------------------*/
@media (min-width: 1025px) {
	.top-bar-right .btn-sm { margin-right: 40px; }
	.top-bar-right .btn-sm:hover {
		font-family: "neue-haas-grotesk-text", sans-serif;
		color: #000;
		background-color: #C04CFF;
	}
}
/*-Mobile----------------------------*/
@media (max-width: 1024px) {
	.header-link { margin-right: .5rem; }
}
/*--------------------------------------------------------------Navigation-*/

/*-Header------------------------------------------------------------------*/
section.gradient-hero { padding: 0; }
.gradient-hero {
	position: relative;
	color: #fff;
}
.gradient-hero .alt-text { color: #C04CFF; }
.header-mixed { line-height: 1; }
.header-mixed .small {
	display: block;
	color: #fff;
	line-height: 1;
}
#hero-p {
	color: #fff;
	margin: 2.5rem 0;
	line-height: 1.4;
}
#hero-p sup { color: #fff; }
.header-mixed sup {
	color: #C04CFF;
	font-size: x-small;
	top: -3.5em;
}
/*
.header-mixed { font-size: 5.25rem; }
.header-mixed .alt-text { font-size: 4.5rem; }
.header-mixed .small { font-size: 2rem; }
#hero-p { font-size: 1rem; }
*/
.hero-text {
	display: flex;
	flex-flow: column nowrap;
	align-content: stretch;
}
.irs.disclaimer {
	color: #ccc;
	font-size: small;
	gap: 1rem;
	align-self: flex-end;
	padding-top: 2rem;
}
.irs.disclaimer a {
	text-decoration: underline;
	color: #ccc;
	font-size: small;
}
.irs.disclaimer a:hover { color: #1468a0; }
.gradient-hero.v3 .irs.disclaimer a,
.gradient-hero.v3 .irs.disclaimer {
	color: #333;
}

/*--- Hero Animation ---*/
.marquee-container {
	position: relative;
	display: block;
	min-height: 1em;
	height: 1em;
	overflow: hidden;
}
.marquee-container .marquee-content {
	display: block;
	position: absolute;
}
.marquee-container .marquee-content span { position: absolute; }
.hide-text { visibility: hidden; color: #0ff; }
/* @keyframes: name | duration | timing-function | delay | iteration-count | animation-direction | fill-mode */
/*affordable*/	#text0 { animation: slide-start 4s linear 0s 1 normal forwards; }
/*simpler*/		#text1 { animation: slide 9s linear infinite 0s; }
/*trusted*/		#text2 { animation: slide 9s linear infinite 3s; }
/*affordable*/	#text3 { animation: slide 9s linear infinite 6s; }
/* @keyframes: name | duration | timing-function | iteration-count | delay */
@keyframes slide-start {
	0% 	{ transform: translateY(0%);	 }
	40% { transform: translateY(0%);	 }
	100% { transform: translateY(-120%); }
}
@keyframes slide {
	0% 	{ transform: translateY(120%);	 }
	20% { transform: translateY(120%);	 }
	49% { transform: translateY(0%);	 }
	51% { transform: translateY(0%);	 }
	80% { transform: translateY(-120%);	 }
	100% { transform: translateY(-120%); }
}

/*--- Circle Callout ---*/
.circle-callout {
	display: inline-block;
	border-radius: 50%;
	min-width: 20px;
	min-height: 20px;
	padding: 5px;
	background: #000;
	color: #fff;
	text-align: center;
	line-height: 1;
	box-sizing: content-box;
	white-space: nowrap;
	z-index: 3;
}
.circle-callout:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	padding-top: 100%;
	height: 0;
}
.circle-callout .callout-text {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
}
.circle-callout .alt-text {
	display: block;
	color: #C04CFF;
	line-height: 2;
}
.v3 .circle-callout {
	max-width: 210px;
	max-height: 210px;
}
.v3 .circle-callout .callout-text,
.v3 .circle-callout .alt-text {
	white-space: wrap;
	display: inline-block;
	line-height: 1.4;
}

.gradient-hero.v1 { position: relative; }
.gradient-hero.v1 .callout-banner {
	position: absolute;
	z-index: 3;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	text-align: center;
	padding: .5rem 0px;
}
.gradient-hero.v1 .callout-banner .callout-text {
	font-size: 1rem;
	font-weight: 400;
	font-style: italic;
}

/*-Desktop----------------------------*/
@media (min-width: 992px) {
	.header-mixed { font-size: 4rem; }
	.header-mixed .alt-text { font-size: 3.5rem; }
	.header-mixed .small { font-size: 2rem; }
	#hero-p {
		font-size: 1.2rem;
		margin: 2rem 0;
	}
	.v3 .header-mixed { font-size: 3.5rem; }
	.v3 .header-mixed .alt-text { font-size: 3.25rem; }
	.v3 .header-mixed .small { font-size: 2.08rem; }
	.v3 #hero-p {
		font-size: 1.375rem;
		line-height: 1.4;
	}
	
	.gradient-hero { display: flex; }
	.gradient-hero .hero-img-container {
		order: 2;
		position: relative;
		max-width: 58.333%;
		z-index: 0;
	}
	.gradient-hero .hero-img-container img {
		min-height: 100%;
		max-width: 100%;
		float: right;
	}
	.gradient-hero .hero-text {
		order: 1;
		z-index: 2;
		max-width: 41.667%;
		padding: 3.75rem 3.875rem 3.125rem 3.875rem;
	}
	.v3.gradient-hero .hero-text { padding: 4rem 1.5rem; }
	.circle-callout {
		font-size: 1.3rem;
		position: absolute;
		right: 2rem;
		bottom: -2rem;
		padding: 1rem;
	}
}
@media (min-width: 992px) and (max-width: 1055px) {
	.gradient-hero .hero-img-container img { max-width: 110%; }
}
@media (min-width: 1035px) {
	.gradient-hero .hero-text { padding: 6rem 3rem 2rem 5rem; }
	#hero-p {
		font-size: 1.4rem;
		margin: 2.5rem 0;
	}
}
@media (min-width: 1440px) {
	.header-mixed { font-size: 7.5rem; }
	.header-mixed .alt-text { font-size: 7rem; }
	.header-mixed .alt-text#text0,
	.header-mixed .alt-text#text0 { font-size: 6.8rem; }
	.header-mixed .small { font-size: 3rem; }
	.gradient-hero.v3 .hero-img-container img { display: none; }
	.gradient-hero.v3 .hero-img-container {
		background-image: url("../img/hero-3m.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center top;
		min-height: 100%;
		width: 100%;
	}
	.enroll {
		display: block;
		clear: both;
		margin: 1rem 0;
		padding: 1rem 0;
	}
}
/*-Mobile----------------------------*/
@media (max-width: 991px) and (min-width: 540px)  {
	.gradient-hero {
		display: flex;
		flex-flow: row nowrap;
		margin-top: 3.5rem;
	}
	.gradient-hero .hero-img-container img { display: none; }
	.gradient-hero.v1 .hero-img-container {
		background-image: url("../img/hero-lg.png");
	/*	background-position: calc(100% + 3rem) center;*/
		background-position: center right;
	}
	.gradient-hero.v2 .hero-img-container {
		background-image: url("../img/hero-2.png");
		background-position: center right;
	}
	.gradient-hero.v3 .hero-img-container {
		background-image: url("../img/hero-3.png");
		background-position: center center;
		background-size: cover;
	}
	.gradient-hero.v3 .hero-img-container img.show-mobile { display: none !important; }
	.gradient-hero .hero-img-container {
		order: 2;

		flex-basis: auto;
		flex-grow: 1;
		max-width: 50%;

		background-repeat: no-repeat;
		background-size: cover;
	}
	.gradient-hero .hero-text {
		padding: 2rem 1rem 3rem;

		order: 1;
		flex-basis: auto;
		flex-grow: 1;
		max-width: 50%;
	}
	.gradient-hero .circle-callout {
		position: absolute;
		bottom: -2rem;
		right: 2rem;
	}
	.v3 .circle-callout {
		max-width: 150px;
		max-height: 150px;
	}

	.header-mixed { font-size: 2.5rem; }
	.v3 .header-mixed { font-size: 2rem; }
	.header-mixed .alt-text { font-size: 2.5rem; }
	.header-mixed .small { font-size: 1.5rem; }
	.header-mixed sup { top: -2.5em; }
	#hero-p {
		font-size: 1rem;
		margin-bottom: 2rem;
	}
}
@media (max-width: 539px) {
	.gradient-hero.v1 { padding-top: 3.5rem;}
	.gradient-hero .hero-text { padding: 4rem 1rem 3rem; }
	.circle-callout {
		font-size: 0.8rem;
		position: absolute;
		right: 1rem;
		margin-top: -5rem;
		padding: 1rem;
	}
	.v3 .circle-callout {
		max-width: 100px;
		max-height: 100px;
	}
	.gradient-hero .hero-img-container {
		max-height: 200px;
		overflow: hidden;
	}
	.gradient-hero.v1 .hero-img-container img { margin-top: -4rem;  }
	.gradient-hero.v2 .hero-img-container img {
		transform: scaleX(-1);
		margin-top: -4rem;
	}
	.gradient-hero.v3 .hero-img-container img { display: none; }
	.gradient-hero.v3 .hero-img-container {
		background-image: url("../img/hero-3m.png");
		background-position: center 3rem;
		background-size: cover;
		min-height: 12rem;
	}
	.header-mixed { font-size: 2.8rem; }
	.header-mixed .alt-text { font-size: 2.9m; }
	.header-mixed .small { font-size: 2rem; }
	#hero-p {
		font-size: 1rem;
		padding-bottom: 1rem;
	}
	.marquee-container { height: 1.12em; }
}
@media (max-width: 450px) {
	.gradient-hero .hero-img-container img { margin-top: 0rem; }
}
@media (max-width: 400px) {
	.gradient-hero .hero-img-container img { margin-top: 0rem; }
}
/*-----------------------------------------------------------------Header-*/

/*-Why HQY----------------------------------------------------------------*/
section#why-hqy { padding: 8rem 0; }

.adv-item { margin-top: 50px; }
.adv-item .adv-icon {
	display: block;
	margin-bottom: 24px;
}
.adv-item strong {
	display: block;
	font-weight: 400;
	font-size: 28px;
}
.adv-item p {
	color: #fff;
	font-size: 16px;
}
.adv-item p strong {
	display: inline;
	font-size: 16px;
	font-weight: 700;
}
.adv-item sup { color: #fff; }

.callout-link {
	color: #E58DFF;
	font-size: 15px;
}
.callout-link:hover {
	color: #E58DFF;
	text-decoration: none;
}
.callout-link .fa-long-arrow-right {
	display: inline-block;
	margin-left: 5px;
}
.callout-link:hover .fa-long-arrow-right {
	transform: translateX(10px);
	transition-duration: .3s;
}
/*----------------------------------------------------------------Why HQY-*/

/*-HSA Your Way-----------------------------------------------------------*/
#hsa-your-way h2 {
	color: #310E6E;
	margin-bottom: 40px;
}

.pods .col-lg-6.col-md-6.col-sm-12,
.pods .col-lg-3.col-md-3.col-sm-12 {
	padding: 0;
}

.pod {
	min-height: 238px;
	padding: 24px;
}
.pod.img { padding: 0; }

.pod.bg-purple,
.pod.bg-purple-dk,
.pod.bg-black { color: #fff; }

.pod.intro {
	background-image: url("../img/runner.png");/*
	background: linear-gradient(180deg,rgba(0, 0, 0, 0.1) 50%,rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0.9) 100%), url("../img/hapy-patient.jpg");*/
	background-size: 101%;
	background-position: center top;
	background-repeat: no-repeat;
}

.pod strong {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.2;
}
.pod strong sup {
	font-size: x-small;
	top: -1em;
}
.pod p {
	color: #fff;
	font-size: 0.8rem;
	line-height: 1.4;
	margin: 0;
}
.pod sup { color: #fff; }
.pod.intro strong { color: #C04CFF; }
.pod.intro p { font-size: 1.2rem; }

.pod {
	display: flex;
	flex-flow: row wrap;
	row-gap: 1rem;
	align-content: flex-end;
}
/*-Desktop----------------------------*/
@media (min-width: 992px) {/*
	.pod.img {
		padding: 0;
		background-image: url("../img/holding-phone.jpg");
		background-size: cover;
		background-position: left bottom;
		background-repeat: no-repeat;
	}
	.pod.img img { display: none; }*/
/*---CSS Grids---*/
	#ur-hsa	.pods {
		display: grid;
		grid-template-columns: 2fr 1fr 1fr;
	}
	.pod.intro {
		grid-column: 1 / 2;
		grid-row: 1 / 3;
	}
	.pod.funds {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}
	.pod.dollars {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}
	.pod.img {
		grid-column: 3 / 4;
		grid-row: 1 / 2;
	}
	.pod.future {
		grid-column: 3 / 4;
		grid-row: 2 / 3;
	}
}
@media (min-width: 1200px) {
	.pod { min-height: 250px; }
}
/*-Mobile----------------------------*/
@media (max-width: 991px) {
	.pod.img img { width: 100%; }
	.pod { min-height: 310px; }

	.pod.intro {
		background: linear-gradient(180deg,rgba(0, 0, 0, 0.1) 40%,rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.9) 100%), url("../img/runner-lg.jpg");
		background-size: cover;
		background-position: center top;
		background-repeat: no-repeat;
	}
}
@media (max-width: 617px) {
	.pod.intro {
		background: linear-gradient(180deg,rgba(0, 0, 0, 0.1) 30%,rgba(0, 0, 0, 0.5) 45%, rgba(0, 0, 0, 0.9) 70%), url("../img/runner-lg.jpg");
		background-size: cover;
		background-position: center top;
		background-repeat: no-repeat;
	}
}

/*---Family---*/
/*-Desktop----------------------------*/
@media (min-width: 992px) {
	#hsa-eligibility .container { padding: 0; }
	#hsa-eligibility .pods.row {
		background: url('../img/coffee-kiss-wide.png') no-repeat;
		background-size: cover;
		padding: 2.5rem;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}
	#hsa-eligibility .pods.row .pod.spacer {
		min-width: 50%;
		max-width: 50%;
	}
	#hsa-eligibility .pods.row .pod-wrapper {
		width: 100%;
		display: flex;
		flex-flow: row nowrap;
	}
	#hsa-eligibility .pods.row .pod-wrapper .pod {
		padding: 0;
		max-width: 50%;
	}
	#hsa-eligibility .pods.row .pod-wrapper .pod.left {
		margin: 2.5rem 1.5rem 2.5rem 1.5rem;
		align-self: flex-start;
	}
	#hsa-eligibility .pods.row .pod-wrapper .pod.right {
		border-left: solid 1px #C04CFF;
		margin: 2.5rem 1.5rem 2.5rem 0;
		padding-left: 1.5rem;
		align-self: flex-start;
	}
	#hsa-eligibility .pods sup { font-size: 60%; }
	#hsa-eligibility .pods li { font-size: 1rem; }
}
/*-Mobile----------------------------*/
@media (max-width: 991px) {
	#hsa-eligibility .pods.row .pod.spacer{
		background: url('../img/coffee-kiss-wide.png') no-repeat;
		background-size: cover;
		background-position: left center;
		padding: 0;
	}
	#hsa-eligibility .pods.row .pod-wrapper { padding: 2.5rem 2.5rem 2.5rem 1.5rem; }
	#hsa-eligibility .pods.row .pod-wrapper .pod {
		min-height: auto;
		align-self: flex-start;
		padding: 0;
	}
	#hsa-eligibility .pods.row .pod-wrapper .pod.right {
		border-top: solid 1px #C04CFF;
		padding-top: 1.5rem;
		margin-top: 1.5rem;
	}
}
@media (max-width: 617px) {
	#hsa-eligibility .pods.row .pod.spacer{
		background-image: url('../img/coffee-kiss.png');
	}
}
/*-----------------------------------------------------------HSA Your Way-*/

/*-How It Works-----------------------------------------------------------*/
section#how-it-works .section-wrapper,
section#how-it-works .container-fluid,
section#how-it-works { padding: 0; }

#how-it-works .section-hero {
/*	padding: 2.5rem;
*/	gap: 0.5rem;
}
#how-it-works .section-hero h2 {
	font-weight: 500;
	font-size: 2rem;
}
#how-it-works .section-hero p.subtitle {
	font-size: 1rem;
	margin: 0;
}

#how-it-works .bg-gradient-lt h2,
.how-step, .how-step strong, .how-step p { color: #000; }
.how-step.step1 { background-color: #fff; }
.how-step.step2 { background-color: #ebebeb; }
.how-step.step3 { background-color: #d0d0d0; }

.how-step span {
	color: #4F2984;
	font-size: 5rem;
	font-style: normal;
	font-weight: 300;
}
.how-step strong {
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.2;
}
.how-step p {
	font-size: 0.8rem;
	font-weight: 400;
	margin-bottom: 0;
}

#how-it-works .section-wrapper {
	position: relative;
	z-index: 1;
}
#how-it-works img.camping {
	width: 100%;
	position: relative;
	z-index: 0;
}

a.btn-gradient { text-decoration: none; }
a .arrow-right {
	display: inline-block;
	margin-left: 5px;
}
a:hover .arrow-right {
/*	padding-left: 2rem;
	transition: padding .25s ease-out;*/
	transform: translateX(10px);
	transition-duration: .3s;
}
/*-Desktop----------------------------*/
@media (min-width: 992px) {
	#how-it-works .section-hero { padding: 4.5rem; }

	#how-it-works .bg-gradient-lt {
		display: flex;
		min-height: 19rem;
		padding: 0 1.5rem;
		align-items: center;
		gap: 1rem;
		align-self: stretch;
	}

	.how-step {
		display: flex;
		height: 19rem;
		padding: 1.5rem;
		flex-flow: column nowrap;
		justify-content: flex-end;
		gap: 1rem;
		align-items: stretch;
	}
	.how-step span {
		align-self: flex-start;
		flex-grow: 2;
		margin-top: -1.5rem;
	}
	.how-step strong {
		align-self: stretch;
		flex-grow: 1;
	}
	.how-step p {
		align-self: stretch;
		flex-grow: 0;
	}

	img.camping { margin-top: -10%; }
	img.camping.desktop { display: inline-block; }
	img.camping.mobile { display: none; }

	img.parents { margin-top: -10%; }
	img.parents.desktop { display: inline-block; }
	img.parents.mobile { display: none; }
}

@media (min-width: 992px) and (max-width: 1200px) {
	.how-step { height: 22rem; }
}

/*-Mobile-----------------------------*/
@media (max-width: 991px) {
	#how-it-works .section-hero { padding: 4.5rem 1.5rem; }

	section#how-it-works .bg-gradient-lt { padding: 4.5rem 1.5rem; }
	.bg-gradient-lt h2 {
		font-size: 2em;
		font-weight: 500;
	}
	a.btn-gradient .arrow-right { float: right; }

	.how-step { padding: 2.5rem 1.5rem 1rem; }
	.how-step span {
		float: left;
		margin: -1.5rem 2.5rem 1rem 0;
	}
	.how-step strong { display: block; }
	.how-step p { margin: 1rem 0 0; }
	.how-step.step3 .btn {
		margin: 1rem 0;
		padding: 1rem 1.5rem;
		font-size: 0.7rem;
	}

	img.camping.desktop { display: none; }
	img.camping.mobile { display: block; }

	img.parents.desktop { display: block; }
	img.parents.mobile { display: none; }
}
@media (max-width: 767px) {
	.how-step { padding-bottom: 2.5rem; }
	img.parents.desktop { display: none; }
	img.parents.mobile { display: block; }
}
@media (max-width: 400px) {
	.how-step.step3 span { margin-top: 0; }
}
/*-----------------------------------------------------------How It Works-*/

/*-Final CTA--------------------------------------------------------------*/
section#final-cta .section-wrapper,
section#final-cta .container-fluid,
section#final-cta {
	padding: 0;
}
img.final-girl { width: 100%; }

#final-cta .section-hero {
/*	padding: 2.5rem;
*/	gap: 0.5rem;
}
#final-cta .section-hero h2 { color: #310E6E; }
#final-cta .section-hero .alt-text { color: #C04CFF; }
#final-cta .section-hero p {color: #000; }

/*-Desktop----------------------------*/
@media (min-width: 992px) {
	#final-cta .section-hero { padding: 2.5rem; }
	#final-cta .section-hero h2 { font-size: 2.75rem; }
}
@media (min-width: 1280px) {
	#final-cta .section-hero { padding: 7rem; }
}
/*-Mobile-----------------------------*/
@media (max-width: 991px) {
	#final-cta .section-hero { padding: 4rem 1.5rem; }
	#final-cta .section-hero h2 { font-size: 2rem; }
}
/*--------------------------------------------------------------Final CTA-*/

/*-Footer-----------------------------------------------------------------*/
#disclaimers {
	margin: 0;
	padding: 4.5rem 0;
}
#disclaimers p, #disclaimers sup { color: rgba(0,0,0,0.5); }
#disclaimers sup { margin-left: -0.5rem; }
#disclaimers p { font-size: 0.8rem; }

#footer-retail a {
	color: #fff;
	font-size: 0.7em;
}
/*-Desktop----------------------------*/
@media (min-width: 992px) {
	#footer-retail { padding: 3rem 0; }
}
/*-Mobile-----------------------------*/
@media (max-width: 991px) {
	#footer-retail .col-sm-12 {
		padding: 0;
		margin: 1rem 0;
	}
}
/*------------------------------------
/*-----------------------------------------------------------------Footer-*/