.nowrap {
	white-space: nowrap;
}
.genz_section_area {
    width: calc(100% - 2rem);
    padding: 10rem 1rem;
	position: sticky;
    top: 0;
}

/*ISU Area start */
.area_isu {
	background-color:#CC3C4D;
	background-image:url('../img/genz/0523_229CRLX_ISU_web_Patterned_Red.png');
	background-size:cover;
	background-repeat: no-repeat;
	/*	adding position: relative; to correct scrolling issue */
    position: relative;
}
.isu_area {
	display:grid;
	grid-template-columns: 2fr 1fr;
	gap:2rem;
	grid-template-areas: "text redbird" 
}
.isu_area .isu_text {
	grid-area: text;
}
.isu_area .isu_redbird {
	grid-area: redbird;
}

.isu_area .genz-highlight {
	font-size: 5rem;
	line-height: 5rem;
}
.genz_section_content .isu_area p.long-text {
	font-size: 2rem;
	line-height: 3rem;
}
.isu_redbird {
	display: grid;
	justify-content: center;
	align-content: center;
}

.isu_debit {
	background: rgba(0,0,0,1);
	border-radius: 3%;
    padding: 1rem;
}
.isu_debit-container {
	display: grid;
	grid-template-columns: 1fr 25% 1fr;
	gap: 1rem;
    align-items: center;
	justify-items: center;
}
.isu_debit h2.genz-highlight.isu-alt {
	color: #c93c4c;
    font-size: 2.4rem;
    text-align: center;
    text-transform: none;
    margin: .5rem 0;
}
.isu_debit h3 {
	font-size: 2rem;
	color: #fff;
	margin: .5rem 0;
	text-align: center;
}
.genz_section_content .isu_debit p {
	font-size: 1.8rem;
    line-height: 125%;
	text-align: center;
    margin: .5rem auto;
}
/*ISU Area end */
.area_1 {
    background-color: #589AAC;
    /*	removing position: relative; to correct scrolling issue
    position: relative; */
}

.area_2 {
    background-image: url('../img/genz/genz_man_with_phone.jpg');
    background-size: cover;
    background-position: center;
}

.area_3 {
    background-color: #DE7921;
}

.area_4 {
    background-color: #B1005D;
}

.area_5 {
    background-image: url('../img/genz/genz_woman_with_phone.jpg');
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color: #EADEDE;
    padding: 6rem 0 2rem;
    width: 100%;
}

.genz_section_content {
    position: relative;
    max-width: 97rem;
    margin: 0 auto;
}

.genz_section_content p {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 4.8rem;
    line-height: 5.8rem;
    margin: 0 0 6rem;
    color: #fff;
}

.genz_section_content p.long-text {
    font-size: 3.6rem;
    line-height: 4.2rem;
}

.genz_section_content .end-info_area p,
.genz_section_content .end-info_area a:link,
.genz_section_content .end-info_area a:visited {
    color: #015385;
}

.genz-highlight {
    font-weight: 900;
    font-size: 6rem;
    text-transform: uppercase;
}


/* BUTTONS */

a.genz-button:link,
a.genz-button:visited {
    display: inline-block;
    font-size: 2.5rem;
    line-height: 3.6rem;
    text-decoration: none;
    padding: 1.5rem 2.5rem;
    background-color: rgba(0, 0, 0, .1);
    border: .5rem solid #fff;
    border-radius: 2.5rem;
    color: #fff;
}

a.genz-button:hover,
a.genz-button:active {
    background-color: rgba(0, 0, 0, .4);
}

a.genz-button.alt:link,
a.genz-button.alt:visited {
    background-color: rgba(1, 83, 133, .8);
    border: .5rem solid rgba(1, 83, 133, 1);
}

a.genz-button.alt:hover,
a.genz-button.alt:active {
    background-color: rgba(0, 0, 0, 1);
}

.end-info_area a.genz-button.alt:link,
.end-info_area a.genz-button.alt:visited {
    font-size: 4rem;
    color: #fff;
}


/* Mobile Banking Area*/

.mobile-banking_area {
    width: 50%;
    margin: 0 auto;
    border: 1rem solid #fff;
    border-radius: 0 10rem 10rem 10rem;
    padding: 6% 22% 0 18%;
}

.mobile-banking_area .img_app-icon {
    position: absolute;
    width: 16rem;
    height: 16rem;
    background-image: url('../img/genz/2729_AppIcon_PRO.png');
    top: -3%;
    left: 2%;
    border-radius: 10%;
    background-repeat: no-repeat;
    background-size: contain;
}

.mobile-banking_area .img_mb-icon {
    position: absolute;
    top: 7%;
    right: -1%;
    width: 23.2rem;
    height: 23.2rem;
    background-image: url('../img/genz/genz_checking.png');
    background-repeat: no-repeat;
    background-size: contain;
}


/* Digital Wallets */

.digital-wallets_area {
    width: 43%;
}


/* Debit Card*/

.debit-card_area {
    display: grid;
    grid-template-columns: 43% 1fr;
}

.img_alert-icon {
    width: 80%;
    height: auto;
    background-image: url('../img/genz/genz_alert.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    aspect-ratio: 1 / 1;
    margin: 0 auto;
}
.genz_debit-disc p {
	font-size: 2.2rem;
  	line-height: 2.6rem;
}
.genz_debit-disc p a:link,
.genz_debit-disc p a:visited {
	color: #fff;
}
.genz_debit-disc p a:hover,
.genz_debit-disc p a:focus {
	color: #000;
}
/* Online Budgeting tools */

.online-budgeting-tools_area {
    display: grid;
    grid-template-columns: 53% 1fr;
}

.img_calc-icon {
    height: 32rem;
    background-image: url('../img/genz/genz_calculator.png');
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;
	
    width: 80%;
    height: auto;
	
	background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    aspect-ratio: 1 / 1;
    margin: 0 auto;
}


/* End Info */

.end-info_area {
    text-align: center;
}

.end-info_area p {
    font-size: 3.6rem;
    margin: 0 0 5rem;
    padding: 0 1rem;
}

.genz_app-lockup {
    display: grid;
    grid-template-columns: 1fr 3fr 3fr;
    gap: 1rem;
    align-items: center;
    justify-items: center;
    width: 63%;
    margin: 0 auto 60%;
}

.genz_app-lockup .app-icon {
    width: 7.6rem;
    border-radius: 10%;
}

.genz_app-lockup .app-store-badge {
    width: 22.75rem;
}

.genz_app-lockup .play-store-badge {
    width: 25rem;
}

.genz_disc {
    width: 70%;
    margin: 2rem auto;
    padding: 2rem;
    background-color: rgba(0, 0, 0, .4);
}

.ncua-img {
    width: 15rem;
}

.mc-logo-img {
    width: 9rem;
}

.genz_mastercard {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 1rem;
    justify-items: center;
    align-items: center;
}

.genz_mastercard p.genz_mc-disc {
    color: #fff;
    font-size: 1.8rem;
    line-height: 2.4rem;
    text-align: left;
    margin: 0;
}


/* Promo */

.mobile-banking_area .genz_promo {
    position: relative;
    bottom: -1rem;
    left: -18rem;
    width: 182%;
    border-radius: 0 0 10rem 10rem;
    padding: 1rem 0;
}

.genz_promo {
    background-color: #fff;
}

.genz_promo p {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: 500;
    color: #00496E;
    text-align: center;
    font-size: 2.4rem;
    line-height: 3.6rem;
    margin: 1rem 0 2rem;
}

.genz_promo p .genz-highlight {
    font-weight: 900;
    font-size: 3.6rem;
}

.mobile-only.genz_promo {
    display: none;
}

/* max-width: 1600px */

@media screen and (max-width: 100em) {
    .genz_app-lockup {
        margin: 0 auto 45%;
    }
}


/* max-width: 1400px */

@media screen and (max-width: 87.5em) {
    .genz_app-lockup {
        margin: 0 auto 38%;
    }
}


/* max-width: 1200px */

@media screen and (max-width: 75em) {
    .area_5 {
        background-size: 1500px;
    }
    .genz_app-lockup {
        margin: 0 auto 32rem;
    }
}


/* max-width: 1000px */

@media screen and (max-width: 62.5em) {
    .area_2,
    .area_3,
    .area_4 {
        width: calc(100% - 6rem);
        padding: 10rem 3rem;
    }
    .mobile-banking_area .genz_promo {
        width: 184%;
        left: -38%;
    }
}


/* max-width: 900px */

@media screen and (max-width: 56.25em) {
    .mobile-banking_area .img_app-icon {
        width: 13rem;
        height: 13rem;
    }
    .mobile-banking_area .img_mb-icon {
        width: 20rem;
        height: 20rem;
    }
    .area_5 {
        background-position: bottom center;
    }
}


/* max-width: 767px */

@media screen and (max-width: 47.938em) {
	.genz_section_area {
	  padding: 3rem 1rem;
	}
	.genz_section_area.area_isu	{ margin-top: 3.73rem; }
	.genz_section_area.area_5	{ width:calc(100% - 2rem); }
    .area_2,
    .area_3,
    .area_4 {
        padding: 5rem 3rem;
    }
    .genz_section_content p {
        font-size: 3.8rem;
        line-height: 4.8rem;
    }
    .genz_disc {
        grid-template-columns: 1fr 4fr;
    }
    .mobile-banking_area .genz_promo {
        display: none;
    }
    .mobile-only.genz_promo {
        display: block;
        width: calc(100% - 2rem);
        margin: 0 auto;
        padding: 1rem;
		position:absolute;
    }
	/*ISU Area start */
	.isu_area {
		grid-template-columns:1fr;
		grid-template-areas: 
			"redbird" "text";
	}
	.isu_area .isu_text {
	  text-align: center;
	}
	.isu_area .isu_redbird {
		width: 25%;
		margin: 0 auto;
	}
	.isu_debit-container { grid-template-columns: 1fr; }
	/*ISU Area end */
	
	
	/* FOOTER FIX for sticky panels*/
	#voice_footer {
		margin-top: 24rem;
	}	
}


/* max-width: 660px */

@media screen and (max-width: 41.25em) {
    .genz_section_content p {
        font-size: 3rem;
        line-height: 3.8rem;
        margin: 0 0 3rem;
    }
    .genz-highlight {
        font-size: 4rem;
    }
    .mobile-banking_area .img_app-icon {
        width: 10rem;
        height: 10rem;
    }
    .mobile-banking_area .img_mb-icon {
        width: 16rem;
        height: 16rem;
    }
    .area_1 {
        padding: 5rem 1rem;
    }
    .area_2,
    .area_3,
    .area_4 {
        padding: 3rem;
    }
    .digital-wallets_area {
        width: 49%;
    }
    .mobile-banking_area a.genz-button:link,
    .mobile-banking_area a.genz-button:visited,
    .digital-wallets_area a.genz-button:link,
    .digital-wallets_area a.genz-button:visited {
        text-align: center;
    }
    .debit-card_area,
    .online-budgeting-tools_area {
        grid-template-columns: 1fr;
        gap: 4rem;
        text-align: center;
    }
    .img_alert-icon,
    .img_calc-icon {
        grid-column-start: 1;
        grid-row-start: 1;
        background-size: contain;
        background-position: center;
    }
	.img_alert-icon {
	  width: 60%;
	}
	.img_calc-icon {
	  width: 40%;
	}
    .end-info_area a.genz-button.alt:link,
    .end-info_area a.genz-button.alt:visited {
        font-size: 3.6rem;
    }
    .end-info_area p {
        font-size: 3rem;
        line-height: 3.6rem;
    }
    .genz_app-lockup {
        width: 85%;
    }
    .genz_disc {
        /* grid-template-columns: 1fr; */
        width: 85%;
        padding: 1rem;
    }
    .ncua-img {
        width: 12rem;
    }
    .genz_mastercard {
        grid-template-columns: 1fr 4fr;
    }
    .genz_mastercard p.genz_mc-disc {
        font-size: 1.6rem;
        line-height: 2rem;
    }
	/*ISU Area start */
	.isu_area .isu_redbird {
		width: 30%;
		margin: 0 auto;
	}
	/*ISU Area end */	
	
    	/* FOOTER FIX for sticky panels*/
	#voice_footer {
		margin-top: 28rem;
	}	
}


/* max-width: 560px */

@media screen and (max-width: 35em) {
    .area_2,
    .area_3,
    .area_4 {
        width: calc(100% - 4rem);
        padding: 3rem 2rem;
    }
	
    a.genz-button:link,
    a.genz-button:visited {
        line-height: 3rem;
    }
    .mobile-banking_area {
        width: 60%;
        border: .5rem solid #fff;
        padding: 6% 16% 0 16%;
    }
    .mobile-banking_area .img_app-icon {
        width: 7rem;
        height: 7rem;
    }
    .mobile-banking_area .img_mb-icon {
        width: 13rem;
        height: 13rem;
    }
/*	ISU Area start */
	.isu_area .genz-highlight {
	  font-size: 4rem;
	  line-height: 4rem;
	}
/*  ISU Area end*/
}


/* max-width: 500px */

@media screen and (max-width:31.25em) {
    .mobile-banking_area .img_mb-icon {
        display: none;
    }
	/*ISU Area start */
/*
	.area_isu {
		padding: 5rem 1rem;
	}
*/
	.isu_area {
		gap: 0;
	}
	.isu_area .genz-highlight {
	  font-size: 3.6rem;
	  line-height: 4rem;
	}
	.genz_section_content .isu_area p.long-text {
	  font-size: 1.8rem;
	  line-height: 2.4rem;
	}
	.genz_section_area.area_isu {
    	margin-top: 5rem;
	}	
/*
	.isu_area .isu_redbird {
		width: 40%;
		margin: 0 auto;
	}
*/
	/*ISU Area end */	
    /* FOOTER FIX for sticky panels*/
	#voice_footer {
		margin-top: 32rem;
	}
/*
	.img_calc-icon {
	    width: 100%;
	    height: 0;
	    padding-top: 100%;
	}
*/
}


/* max-width: 430px */

@media screen and (max-width:26.875em) {
    .area_3,
    .area_4 {
        width: calc(100% - 3rem);
        padding: 1.5rem;
    }	

	  .debit-card_area, .online-budgeting-tools_area {
		gap: 2rem;
	  }	
    .mobile-banking_area {
        width: calc(100% - 7rem);
        padding: 0 3rem;
        border-radius: 7rem;
        text-align: center;
    }
    .mobile-banking_area .img_app-icon {
        position: static;
        width: 10rem;
        height: 10rem;
        margin: 3rem auto;
    }
    .genz_section_area.area_2 {
        width: 100%;
        padding: 0;
    }
    .digital-wallets_area {
        width: calc(100% - 6rem);
        background-color: rgba(0, 0, 0, .4);
        padding: 3rem;
    }
}

/* max-width: 370px */
@media screen and (max-width: 23.125em) {
	/*ISU Area start */
	  .genz_section_area {
		padding: 1rem;
	  }
    .area_3,
    .area_4 {
        width: calc(100% - 2rem);
    }		
	.genz_section_area.area_isu {
    	margin-top: 5rem;
	}
	  .isu_area .genz-highlight {
		font-size: 3.2rem;
		line-height: 3rem;
	  }
	.genz_section_content .isu_area p.long-text {
	  font-size: 1.6rem;
	  line-height: 2.2rem;
	}
	  .isu_area .isu_redbird {
		width: 25%;
		margin: 0 auto;
	  }
	/*ISU Area end 
	.genz_section_content p {
	    font-size: 2.4rem;
    	line-height: 3rem;
		margin: 0 0 2rem;
	}
	.genz-highlight {
        font-size: 3rem;
    }
	a.genz-button:link, a.genz-button:visited {
		font-size: 2.4rem;
    	line-height: 3rem;
    	padding: 1rem 1.6rem;
	}
	.debit-card_area, 
	.online-budgeting-tools_area {
		gap: 0;
	}
    /* FOOTER FIX for sticky panels*/
	#voice_footer {
		margin-top: 38rem;
	}	     
}

/* max-width: 320px */

@media screen and (max-width: 20.65em) {
	.genz_section_area.area_isu {
		position: static;
	}
    .area_3,
    .area_4 {
        width: calc(100% - 2rem);
        padding: 1rem;
    }	
	.genz_section_content p {
	    font-size: 2rem;
    	line-height: 2.4rem;
		margin: 0 0 1rem;
	}
	.genz-highlight {
        font-size: 2.6rem;
    }
	a.genz-button:link, a.genz-button:visited {
		font-size: 2rem;
    	line-height: 2.8rem;
    	padding: .8rem 1.2rem;
	}
    .end-info_area a.genz-button.alt:link,
    .end-info_area a.genz-button.alt:visited {
        font-size: 3rem;
    }
    .end-info_area p {
        font-size: 2.4rem;
        line-height: 3rem;
    }
    .genz_app-lockup {
        grid-template-columns: 1fr;
        gap: 2rem;
        margin: 0 auto 24rem;
    }
    .ncua-img {
        width: 10rem;
    }
    .genz_mastercard {
        grid-template-columns: 1fr;
    }
    .genz_mastercard p.genz_mc-disc {
        font-size: 1.4rem;
        line-height: 1.8rem;
        text-align: center;
    }
}