@charset "UTF-8";
/* CSS Document */

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

	.content {
		padding: 0;
	}
	
	#treatment .step {
        box-sizing: border-box;
        flex-direction: column;
        padding: 0px 30px;
        border-bottom: none;
        border-right: 2px solid #cccccc;
        width: 33%;
        min-height: 288px;
		padding-bottom: 100px;
    }
	
	#treatment .step__copy {
		font-size: 24px;
		font-size: 10vw;
		max-width: none;
		margin: 0;
	}
	
	#treatment .step__title {
		font-size: 72px;
	}


}


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

	#reference {
		/*Screen must be set to 1400px wide for this to work properly.*/
		/*background-image: url(../images/reference-desktop.jpg);*/
		display: none;
	}

	.content {
		padding: 20px;
	}
	
	section.white, section.grey {
		padding: 64px 0;
	}

	.header-links {
		font-size: 12px; 
		line-height: 18px;
		padding: 5px 0 0;
		margin-bottom: 0;
	}
		.header-links a {
			padding: 0 10px;
		}
		
		.header-links a:hover {
			text-decoration: underline;
		}
		
	.nav-container img {
		width: 219px;
		margin-left: 0;
	}
	
	nav {
		display: flex;
		font-size: 14px;
		line-height: 17px;
		justify-content: space-between;
		align-items: flex-end;
		position: relative;
		right: auto;
		width: auto;
		height: auto;
		background: none;
		z-index: 10;
	}
		nav a {
			padding-bottom: 2px;
			margin-left: 80px;
			border-bottom: 1px solid transparent;
			font-size: 14px;
			line-height: 17px;
		}
			nav a:hover {
				border-bottom: 1px solid white;
			}
			
			nav a.active:after {
				width: 100%;
			}
			
		nav a.mobile {
			display: none;
		}
		
	#isi-button {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 36px;
		height: 36px;
		background-image: url(/assets/images/icons/Pinned-ISI-Plus.png);
		background-position: center;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	
	#static-isi.open {
		overflow: hidden;
	}
			
	br.desktop {
		display: inline;
	}
		
	h1 {
		font-size: 60px;
		line-height: 80px;
		margin: 94px 0 14px;
		text-align: center;
	}
	
	h2 {
		font-size: 32px;
		line-height: 36px;
		margin-bottom: 30px;
	}
	
	h3 {
		font-size: 28px;
		line-height: 40px;
		margin-bottom: 25px;
	}
	
	h4 {
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 12px;
	}
	
	h5 {
		font-size: 26px;
		line-height: 30px;
		margin-bottom: 0;
	}
	
	ul {
		padding-left: 25px;
	}
	li {
		font-size: 24px;
		line-height: 30px;
		margin: 0;
		/*margin-bottom: 0;*/ 
		margin-bottom: 10px;
	}
  
	p {
		font-size: 22px;
		line-height: 28px;
		margin: 0;
		margin-bottom: 55px;
	}
	
		p.callout {
			font-size: 24px;
			line-height: 30px;
			color: white;
			text-align: center;
			margin: 0 auto 30px;
			max-width: 700px;
		}
		p.illustrative {
			font-size: 11px;
			line-height: 11px;
			bottom: 10px;
			left: 0px;
			margin: 0;
			/*margin-left: 10px;*/
		}
		p.footnote {
			font-size: 14px !important;
			margin-top: 10px !important;
			margin-bottom: 48px !important;
		}
		p.footnote2 {
			font-size: 11px !important;
			margin-top: 10px !important;
			margin-bottom: 48px !important;
		}
			p.footnote.b20, p.footnote2.b20 {
				margin-bottom: 20px !important;
			}
		
		.isi p {
			font-size: 18px !important;
			line-height: 20px !important;
			margin-bottom: 12px !important;
			padding-right: 30px;
		}
	
		p.fineprint {
			font-size: 14px;
			line-height: 19px;
			margin-bottom: 14px;
		}
		
		footer p {
			font-size: 14px !important;
			line-height: 18px !important;
			margin-bottom: 3px !important;
			margin-top: 0 !important;
		}
	
	a.button {
		padding: 13px 26px;
		font-size: 24px;
		line-height: 24px;
	}
		a.button:hover {
			background-color: #073749;
		}
	
	.pop-link {
		padding: 5px 35px 5px 0;
		background-size: 22px;
		margin-top: 5px;
		cursor: pointer;
	}
	
	.pop-link.where {
		margin-bottom: 5px;
	}
		
	.center {
		text-align: center !important;
	}
	
	#couple {
		background-position: center;
	}
	
	.couple-content {
		max-width: 500px;
		margin-left: auto;
	}
		.couple-content a.button, .couple-content .part3 a.button {
			padding: 13px 40px;
		}
	
	.part1 {
		padding-top: 115px;
	}
	.part2 {
		padding-top: 452px;
	}
	.part3 {
		padding-top: 370px;
	}
	
	footer {
		margin-bottom: 12px;
	}
	footer img {
		margin-top: 40px;
		margin-bottom: 27px;
	}
	
	footer .links {
		margin: 24px 0;
	}
		footer .links a {
			margin: 0 20px;
		}
			footer .links a:first-child {
				margin-left: 0;
			}
			
	footer span.desktop {
		display: inline;
	}
			
	.signoff {
		text-align: left;
	}

	.spacer-85 {
		height: 85px;
	}
	.spacer-110 {
		height: 110px;
	}

	#home {
		height: 100vh;
	}

	.home-content {
		height: 80%;
		position: relative;
	}
	
	section {
		padding: 100px 40px;
	}
	
	#couple p.illustrative.desktop, p.desktop {
		display: block;
	}
	
	
	
/* -----===== OVERLAYS =====----- */
	.overlay { 
		height: calc(100vh - 125px);
	}
	
	.overlay-content {
		width: 610px;
		margin: 0 20px;
		padding: 25px;
	}
	
	div.horizontal-content.w4 {
		width: 2440px;
	}

		div.horizontal-content.pos1 {
			transform: translateX(0px);
		}
		div.horizontal-content.pos2 {
			transform: translateX(-610px);
		}
		div.horizontal-content.pos3 {
			transform: translateX(-1220px);
		}
		div.horizontal-content.pos4 {
			transform: translateX(-1830px);
		}

	div.horizontal-content.w3 {
		width: 1830px;
	}
	
	div.actual-photo {
		width: 610px;
	}
	
		div.actual-photo img {
			max-width: 338px;
			display: block;
			margin: 0 auto 10px;
		}

		div.actual-photo h4 {
			font-size: 18px;
			margin-bottom: 12px;
		}

		div.actual-photo p {
			font-size: 13px;
			line-height: 16px;
			text-align: center;
			padding: 0 80px;
		}


		div.actual-photo p span.close-button {
			font-size: 24px;
			line-height: 24px;
			padding: 6px 12px;
			cursor: pointer;
		}

	div.next-photo {
		width: 160px;
		background-image: url("/assets/images/backgrounds/button-next.png");
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 100%;
		cursor: pointer;
		transition: opacity 350ms ease-in-out;
	}
	
	div.prev-photo {
		width: 160px;
		background-image: url("/assets/images/backgrounds/button-prev.png");
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 100%;
		cursor: pointer;
		transition: opacity 350ms ease-in-out;
	}
	
	div.next-photo.off, div.prev-photo.off {
		opacity: 0;
	}

	div.swiper {
		display: none;
	}
	
	
	/* -----===== DO I HAVE EGW =====----- */
	.red-callout {
		padding: 30px 40px;
		margin-top: 210px;
	}
		.red-callout h1, #egw .red-callout h1 {
			font-size: 42px;
			line-height: 46px;
			margin-bottom: 22px;
		}
		
		.red-callout p {
			font-size: 18px;
			line-height: 22px;
			margin-bottom: 8px;
		}
		
		#egw .red-callout {
			padding-bottom: 30px;
		}
		
	#do-i-have {
		background-image: url(../images/backgrounds/1.0_Hero-Background.png);
		background-size: cover;
	}
	
	#do-i-have p.illustrative {
		left: auto;
		right: 0;
		max-width: 300px;
	}
	
	#think-you-have h2 {
		margin-bottom: 30px;
	}
	
	#think-you-have p, #think-you-have li {
		font-size: 22px;
		line-height: 26px;
		margin-bottom: 10px;
	}
	
	#think-you-have p.no-bottom {
		margin-bottom: 0;
	}
	
	#think-you-have ul {
		padding-left: 25px;
	}
	
	.hpv-stats {
		display: flex;
		padding-top: 42px;
		justify-content: space-around;
	}
		.hpv-stats div {
			background-position: top center;
			background-repeat: no-repeat;
			width: 33%;
			padding: 30px;
			padding-top: 0;
			border-right: 1px solid #cccccc;
		}
			.hpv-stats div:last-child {
				border-right: none;
			}
			
			.hpv-stats div img {
				margin: 0 auto 40px;
				/*width: auto;*/
			}
		.hpv-stats div p {
			color: black;
			font-size: 19.5px;
			line-height: 23px;
			padding: 0;
			border-bottom: 0;
			margin-bottom: 40px;
		}
		
	/*.percent {
		background-image: url(../images/icons/1.0_People-Icon.png);
	}
	.total {
		background-image: url(../images/icons/1.0_Male-Female-Icon.png);
	}
	.currently {
		background-image: url(../images/icons/1.0_Map-Icon.png);
	}*/
	
	.hpv-stats div.percent img {
		width: 56px;
	}
	.hpv-stats div.total img {
		width: 82px;
	}
	.hpv-stats div.currently img {
		width: 99px;
	}
	
	span.emphasis {
		font-size: 50px;
	}
	
	div.row, div.row.buttons {
		flex-wrap: no-wrap;
	}
	
	div.row > * {
		width: 50%;
	}
		div.row.buttons a {
			width: 50%;
			padding: 0;
		}
	
	div.row > div {
		/*padding: 70px;*/
		position: relative;
	}
	div.row div.padded {
		padding: 65px;
	}
	
	div.row.top {
		min-height: 415px;
	}
	
	div.row.buttons a {
		height: 100px;
		font-size: 24px;
		line-height: 100px;
	}
		div.row.buttons a.off:hover {
			color: white;
			background-color: #073749;
		}
	
	div.where-pic {
		background-image: url(../images/photos/1.0_Where-do-they-appear.png);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
		min-height: 415px;
	}
	div.what-pic {
		background-image: url(../images/photos/1.0_What-to-look-for.png);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
		min-height: 415px;
	}
	
	
	#necessary {
		padding: 110px;
		padding-bottom: 90px;
	}
		#necessary h2 {
			margin-bottom: 29px;
		}
		
		#necessary p {
			max-width: 690px;
			margin: 0 auto 12px;
		}
		
	
	#treated {
		padding: 110px 0;
	}
		#treated h2 {
			margin-bottom: 32px;
		}
			#treated h2.second {
				margin-bottom: 2px;
				margin-top: 29px;
			}
		
		#treated p {
			margin-bottom: 14px;
		}
		
		
	#prescription-drugs {
		margin-top: 28px;
		margin-bottom: 45px;
	}
		#prescription-drugs th {
			height: 82px;
			text-align: left;
			padding-left: 14px;
		}
		#prescription-drugs th p {
			font-size: 20px;
			line-height: 20px;
		}
		#prescription-drugs td {
			padding: 14px;
		}
			#prescription-drugs td.spacer {
				height: 10px;
				padding: 0;
			}
			#prescription-drugs td.first {
				font-weight: 600;
			}
		#prescription-drugs td p {
			font-size: 18px;
			line-height: 20px;
			margin-bottom: 10px;
			padding: 0;
		}
			#prescription-drugs td p:last-child {
				margin-bottom: 0;
			}
			
			
			
	#clear-callout {
		padding: 72px 0;
	}		
		#clear-callout a {
			font-size: 30px;
			line-height: 30px;
			border: 2px solid white;
			padding: 23px 26px;
		}
		
		
	
	
	#sex-and-genital-warts .red-callout {
		max-width: 640px;
	}
	
	#sex-and-genital-warts p.illustrative {
		left: auto;
		right: 0px;
		max-width: 200px;
		color: white;
		z-index: auto;
		bottom: 30px;
	}
	
	#can-have-sex {
		padding-top: 109px;
		padding-bottom: 109px;  /* Set back to 97 when done with page */
	}
	
	#can-have-sex h2 {
		font-size: 47px;
		line-height: 50px;
		font-family: "Exo2Semi";
		margin-bottom: 48px;
	}
	
	#can-have-sex p {
		margin-bottom: 27px;
	}
	
	#what-you-can-do {
		padding: 61px 0;
	}
	#what-you-can-do h5 {
		font-size: 32px;
		line-height: 50px;
		margin-bottom: 55px;
	}
		#what-you-can-do h5 span.here {
			font-size: 46px;
			white-space: nowrap;
		}
		
	
	.risk-chart {
		padding-left: 50px;
		padding-top: 5px;
	}
	
	.chart-row {
		display: flex;
		align-items: center;
	}
		.chart-row img {
			padding: 0 22px 47px 17px;
			border-right: 1px solid #073749;
			margin-right: 20px;
			width: 123px;
			margin-bottom: 0;
		}
		
		.chart-row p {
			width: 80%;
			text-align: left;
			margin-bottom: 0;
		}
	
	#talk {
		padding: 85px 0 60px;
	}
	#talk h2 {
		font-size: 46px;
		line-height: 50px;
	}
	
	.sex-and-genital-warts #cards {
		padding: 0;
		margin-bottom: 40px;
	}
	
	.card-row {
		display: flex;
	}
	
	.card {
		margin: 5px;
		height: 35vh;
		background-position: center;
		background-size: cover;
		width: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		cursor: pointer;
	}
		.card h3 {
			text-align: center;
			color: white;
			font-family: "Exo2Bold";
			font-size: 35px;
			line-height: 38px;
			text-transform: none;
			max-width: 430px;
		}
		#egw #card1 {
			background-image: url(../images/backgrounds/3.0_Tile-Front_Remain-Calm.png);
			background-position: left center;
		}
			#egw #card1:hover {
				background-image: url(../images/backgrounds/3.0_Tile-Front_Remain-Calm2.png);
			}
		#egw #card2 {
			background-image: url(../images/backgrounds/3.0_Tile-Front_Ask-your-partner.png);
		}
			#egw #card2:hover {
				background-image: url(../images/backgrounds/3.0_Tile-Front_Ask-your-partner2.png);
			}
		#egw #card3 {
			background-image: url(../images/backgrounds/3.0_Tile-Front_Know-how-to-avoid.png);
		}
			#egw #card3:hover {
				background-image: url(../images/backgrounds/3.0_Tile-Front_Know-how-to-avoid2.png);
			}
		#egw #card4 {
			background-image: url(../images/backgrounds/3.0_Tile-Front_Pick-the-right-time.png);
		}
			#egw #card4:hover {
				background-image: url(../images/backgrounds/3.0_Tile-Front_Pick-the-right-time2.png);
			}
		.card p.illustrative {
			width: 100%;
			text-align: center;
		}
		
	.card-content {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: #073749;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		display: none;
	}
		.card-content.active {
			display: flex;
		}
		.card-content h3 {
			font-family: "Exo2Bold";
			font-size: 40px;
			line-height: 42px;
			color: white;
			margin-bottom: 80px;
			pointer-events: none;
			max-width: 720px;
		}
		.card-content p {
			font-size: 24px;
			line-height: 30px;
			color: white;
			max-width: 720px;
		}
		
		.card-content .content-lock {
			position: absolute;
			width: 100%;
			top: 50px;
			height: 48px;
		}
			.card-content .content-lock .content {
				height: 48px;
			}
				.card-content .content-lock .content .close {
					width: 48px;
					height: 48px;
					background-image: url(../images/icons/close-icon.png);
					background-position: center;
					background-repeat: no-repeat;
					float: right;
					cursor: pointer;
				}
		
		
	#action-callout {
		padding: 100px 0;
	}		
		#action-callout a {
			font-size: 22px;
			line-height: 22px;
			border: 2px solid white;
			padding: 16px 137px;
		}
	
	#faq {
		background-image: url(../images/backgrounds/FAQ_Hero-Background.png);
		background-position: top center;
	}
		
	#faq .red-callout {
		padding: 34px 0 17px 40px;
		max-width: 540px;
		margin-top: 172px;
		margin-left: 0;
		margin-right: 0;
	}
	
		#faq .red-callout h1 {
			font-size: 42px;
		}
	
		#faq p.illustrative {
			margin-left: 600px;
		}
		
	#faq .content {
		padding-bottom: 0;
	}

	.question {
		background-position: right 30px center;
		margin-bottom: 10px;
		background-size: 18px;
	}
	
		.question .number {
			font-size: 35px;
			line-height: 35px;
			width: 100px;
			height: 88px;
			min-width: unset;
		}
		
		.question h2 {
			font-size: 30px;
			line-height: 32px;
			margin-left: 30px;
			padding-right: 0;
		}
		
		.question-answer {
			padding: 20px 0 25px;
		}
		
		.question-answer p {
			margin-bottom: 20px;
			margin-left: 128px;
		}
			.question-answer p:last-child {
				margin-bottom: 0;
			}

	.deskSize--11 {
        font-size: 11px;
    }
	
    .deskSize--14 {
        font-size: 14px;
    }
    
    .deskSize--32 {
        font-size: 32px;
    }
	
	.size--16 {
    font-size: 16px;
	}
	
	.size--18 {
		font-size: 18px;
	}
	
	.size--20 {
		font-size: 20px;
	}
	
	.size--22 {
		font-size: 22px;
	}
	
	.size--24 {
		font-size: 24px;
	}
	
	.size--26 {
		font-size: 26px;
	}
	
	.size--28 {
		font-size: 28px;
	}
	
	.size--36 {
		font-size: 36px;
		line-height: 42px;
	}
	
	.size--40 {
		font-size: 40px;
	}
	
	.size--46 {
		font-size: 46px;
	}
    
    /* 2.0 treatment-with-veregen */
	#treatment .header {
        background: url('../images/backgrounds/treatment-header-bg-desktop.png');
        background-repeat: no-repeat;
        background-size: cover;
        border: red;
        min-height: 576px;
    }
    
    #treatment .header h1 {
        margin-top: 74px;
        margin-bottom: 27px;
    }
    
    #treatment .header--subtitle {
        max-width: 720px;
        margin: 0 auto;
        padding-bottom: 125px;
		font-size: 24px;
		line-height: 28px;
		padding-bottom: 192px;
    }
    
    #treatment .header--illustrative {
        position: absolute;
    	font-size: 11px;
        bottom: 0px;
        right: 0px;
		margin-bottom: 0;
    }
    
    #treatment .card1 {
        padding-top: 70px;
        padding-bottom: 85px;
    }
    
    #treatment .flex {
        flex-wrap: wrap;
    }
    
    #treatment figure {
		margin: 25px auto 0;
        flex-direction: column;
        width: 50%;
        padding-right: 30px;
        box-sizing: border-box;
    }
    
    #treatment figure img {
        max-width: 415px;
        max-height: 359px;
    }
    
    #treatment .figcaption_title {
        font-size: 22px;
        margin: 10px 0px 15px 0px;
    }
    
    #treatment table {
        font-size: 18px;
		line-height: 20px;
    }
    
    #treatment figure p {
        margin-bottom: 35px;
    }
    
    #treatment .card2 {
        padding-top: 50px;
        padding-bottom: 95px;
    }
    
    #treatment .card2 .flex {
        margin-bottom: 65px;
        flex-wrap: wrap;
    }
	
	
	
	div.before-after-container {
		margin: 0;
	}
	div.before-after-container:last-of-type {
		margin-bottom: 15px;
	}
	
	div.before-after-image-container {
		max-width: 674px;
		padding: 30px 0;
		margin: 0 auto;
	}
	
	div.before-after-image {
		margin-bottom: 10px;
	}
	
	div.before-after-header p {
		margin-bottom: 10px;
	}
	
	p.citation {
		font-size: 14px;
		line-height: 19px;
		margin-bottom: 20px;
	}
	
	div.reveal-image-button {
		font-size: 18px;
		line-height: 18px;
		padding: 20px 0;
		top: 28%;
		cursor: pointer;
	}
	
	div.reveal-image-button img {
		width: 20px;
		margin-right: 20px;
	}
	
	img.close-eye {
		width: 48px;
		cursor: pointer;
	}
	
	
	
	
	
    
	
	figure {
		margin: 0;
	}
    
    .step--wash {
        max-width: 74px;
    }
    
    .step--apply {
        margin-top: 20px;
        max-width: 103px;
    }
    
    .step--3x {
        max-width: 84px;
    }
    
    #treatment .step__title {
        font-size: 50px;
        margin-top: 25px;
    }
    
    #treatment .step__copy {
        font-size: 20px
    }
    
    .bullets {
        font-size: 22px;
    }
    
    #treatment .card3 {
        padding-top: 120px;
        padding-bottom: 105px;
    }
    
    #treatment .card4 {
        background: url(../images/backgrounds/treatment-card4-bg-desktop-psd.jpg);
        background-size: cover;
        background-position: center center;
        box-sizing: border-box;
        min-height: 791px;
        padding-top: 164px;
        padding-bottom: 164px;
    }
    
    
    #treatment .card4 .content {
        max-width: 600px;
        position: relative;
        left: 8%;
    }
    
    #treatment .card4 .bullets {
        padding: 40px 0px 0px 0px;
        margin: 0px;
        font-size: 22px;
        
    }
    
    #treatment .card4 .bullets li {
        margin-bottom: 25px;
    }
    
    #treatment .card4--illustrative {
        position: absolute;
        bottom: -185px;
        text-transform: center;
        /*width: 100%;*/
        font-size: 11px;
        margin-left: 50px;
		margin-bottom: 0;
    }
	
	#treatment .figcaption_title {
		font-size: 35px;
	}
    
    #treatment .cta, #savings .cta {
        background: url('../images/backgrounds/treatment-cta-desktop.jpg');
        background-size: cover;
        padding-top: 110px;
        padding-bottom: 90px;
        /*margin-bottom: 90px;*/
		margin-bottom: 0;
    }
    
    #treatment .cta .content {
        position: relative;
    }
    
    #treatment .cta--button {
        font-size: 22px;
        padding: 16px 56px;
        max-width: 508px;
        margin: 0 auto;
    }
    
    #treatment .absolute {
        position: absolute;
        bottom: -155px;
        left: 0px;
    }
    
    /* 4.0 Savings and Action */
    #savings h2 {
        font-size: 32px;
        margin-bottom: 40px;
    }
	
	#savings .header .content {
		padding-bottom: 0;
	}

    
    #savings p {
        font-size: 22px;
        margin-top: 18px;
		margin-bottom: 20px;
    }
    
    #savings .container .buttonWrap {
        text-align: left;
		margin-top: 0;
    }
    
    #savings .container .button {
    	font-size: 24px;
        line-height: 22px;
        padding: 10px 50px;
        width: auto;
     	max-width: 346px;
       margin-top: 30px;
	   min-width: auto;
    }
    
    #savings .header {
        background: url('../images/backgrounds/savings-header-bg-desktop.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
        min-height: 518px;
    }
    
    #savings .header h1 {
        line-height: 65px;
        margin-bottom: 25px;
		margin-top: 94px;
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }
    
    #savings .header--subtitle {
        max-width: 810px;
        margin: 0 auto;
        padding-bottom: 80px;
		font-size: 24px;
   }
   
   #savings p {
		font-size: 24px;
		line-height: 28px;
	}
    
    #savings .header--illustrative {
        /*display: none;*/
    	font-size: 11px;
		position: absolute;
		right: 0px;
		bottom: 0px;
		margin-bottom: 0;
    }
    
    #savings #card1 {
        background-color: #ffffff;
        padding-top: 85px;
        padding-bottom: 70px;
    }
    
    #savings #card1 .content {
        display: flex;
        flex-direction: row-reverse;
		align-items: center;
    }

    #savings .card1--image {
        max-width: 400px;
        width: 45%;
		margin-bottom: 0;
    }
    
    #savings .card1--image img {
        position: relative;
        left: -40px;
		max-height: 400px;
    }
    
    #savings .card1--copy {
        max-width: 560px;
    }
    
    #savings #card2 {
        background-color: #ffffff;
        padding-top: 95px;
        padding-bottom: 100px;
    }
    
    #savings #card2 .content {
        display: flex;
        flex-direction: row-reverse;
    }
    
    #savings .card2--copy {
        width: 100%;
        padding-right: 30px;
    }
    
    #savings .card2--image {
        width: 45%;
        max-width: 410px;
    }

    #savings #card3 {
        background-color: #ebebeb;
        padding-top: 80px;
        padding-bottom: 80px;
    }
    
    #savings #card3 .flex {
        display: flex;
        flex-direction: row-reverse;
        margin-bottom: 80px;
    }
    
    #savings .card3--copy {
        max-width: 700px;
        padding-right: 50px;
    }
    
    #savings .card3--image img {
        max-width: 206px;
    }
    
    #savings #card3 table {
        font-size: 14px;
		line-height: 18px;
    }
    
    #savings #card4 {
        background-color: #ebebeb;
        padding-top: 110px;
        padding-bottom: 110px;
		margin-bottom: 0px; /* was 30 in case I have to put it back */
    }
    
    #savings #card4 h2 {
        margin-bottom: 37px;
    }
    
    #savings #card4 ul {
        margin-top: 32px;
    }
    
    #savings #card4 .bullets {
        padding-left: 0px;
        margin-bottom: 0px;
    }
    
    #savings #card4 .bullets li {
        margin-bottom: 20px;
    }
    
    #savings #card4 .bullets li:last-of-type {
        margin-bottom: 0px;
    }
    
    #savings .cta--button {
        max-width: 540px;
        margin: 0 auto;
        padding: 16px 0px;
    }

	
}



@media screen and (min-width: 950px) { 
    
    .hide-on-desktop {
        display: none;
    }
    
    .flex {
        display: flex;
    }
    
    .content {
        max-width: 950px;
        padding: 0
    }
    

}