@font-face {
  font-family: "Source Sans Pro";
  src: url(sourcesanspro-regular-webfont.eot);
  src: url(sourcesanspro-regular-webfont.woff) format("woff"),
  url(sourcesanspro-regular-webfont.woff2) format("woff2"),
  url(sourcesanspro-regular-webfont.ttf) format("truetype"),
  url(sourcesanspro-regular-webfont.svg#source_sans_proregular) format("svg"),
  url(sourcesanspro-regular-webfont.eot?#iefix) format("embedded-opentype");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: "Source Sans Pro Semibold";
  src: url(sourcesanspro-semibold-webfont.eot);
  src: url(sourcesanspro-semibold-webfont.woff) format("woff"),
  url(sourcesanspro-semibold-webfont.woff2) format("woff2"),
  url(sourcesanspro-semibold-webfont.ttf) format("truetype"),
  url(sourcesanspro-semibold-webfont.svg#source_sans_proregular) format("svg"),
  url(sourcesanspro-semibold-webfont.eot?#iefix) format("embedded-opentype");
  //font-weight: 600;
  font-style: normal
}
			
@media only screen and (max-width: 991px) {
	 .smallHeaderContainer {
		 display: flex !important;
		 flex-direction: row;
		 align-items: center;
	}
	 .headerBackground {
		 display: none !important;
	}
	.middleBar {
		height: 150px;
	}
	.featureImg {
		top: 32px;
	}
	.featureImg img {
		width: 311px;
		height: 166.2px;
	}
	.notification {
		margin: 80px auto 0 auto;
	}
	.notification h1 {
		font-size: 1.5rem;
	}
	.notification p {
		margin: 9px 0 0 0;
	}
}
@media only screen and (min-width: 992px){
	.middleBar {
		height: 274px;
	}
	.featureImg {
		top: 64px;
	}
	.featureImg img {
		width: 555px;
		height:296.6px;
	}
	.notification {
		margin: 118.1px auto 0 auto;
	}
	.notification h1 {
		font-size: 2.5rem;
	}
	.notification p {
		margin: 24px 0 0 0;
	}
}
 
html {
	display: flex;
	flex-direction: column;
	min-width:375px;
	width: 100vw;
	height: 100vh;
	font-size: 16px;
}
header {
	width: 100%
}
body{
	margin: 0;
	width:100%
}
main {
	position: relative;
	display: flex;
	flex-direction: column;
	height: calc(100vh - 100px);
}
.transparentButton {
	background: none;
	border: 0;
}
.visually-hidden {
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px);
	border: 0;
	height: 1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
 .headerBackground {
	 display: flex;
	 flex-direction: row;
	 justify-content: center;
	 height: 100px;
	 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
	 background: url(bg_globe.png) no-repeat 99% 0/auto auto, linear-gradient(262deg,#0057a2,#0f3d70);
	 overflow-x: hidden;
	 padding-left: 20px;
}
 .headerBackground .headerContainer {
	 width: 100%;
	 max-width: 980px;
	 height: 100%;
	 position: relative;
}
 .headerBackground .headerContainer .headerImages {
	 width: 100%;
	 height: 100%;
	 display: flex;
	 flex-direction: row;
	 overflow: visible;
	 background: url(nfcu-logo.svg) no-repeat 0px/auto 72px;
}
 .headerBackground .headerContainer .headerImages .NFCU-Logo {
	 position: relative;
	 width: 221.7px;
	 height: 95px;
	 z-index: 1000;
	 padding-left: 0px;
	 cursor: pointer;
	/*overflow:auto;
	 overflow-y:hidden;
	*/
	 align-self: center;
	 overflow: visible;
	 -ms-overflow-style: none;
}
 .headerBackground .headerContainer .headerImages .NFCU-Logo:focus {
	 outline-color: #fff !important;
}
 .headerBackground .headerContainer .headerNav {
	 position: absolute;
	 bottom: 0px;
	 right: 0px;
	 list-style: none;
	 text-align: left;
	 display: block;
	 width: 70%;
	 min-width: 400px;
	 height: 18px;
	 padding-inline-start: 0px;
	 margin-bottom: 12px;
}
 .headerBackground .headerContainer .headerNav li {
	 float: right;
}
 .headerBackground .headerContainer .headerNav li a {
	 outline-color: #fff !important;
	 display: flex;
}
 .headerBackground .headerContainer .headerNav p {
	 font-size: 0.875rem;
	 font-weight: normal;
	 font-style: normal;
	 font-stretch: normal;
	 line-height: 1.29;
	 letter-spacing: normal;
	 text-align: right;
	 color: #fff;
	 float: left;
	 margin: 0px !important;
	 padding-left: 5px;
}
 .headerBackground .headerContainer .headerNav svg {
	 float: left;
	 object-fit: contain;
}
 .headerBackground .headerContainer .headerNav .RoutingNum {
	 font-family: "Source Sans Pro";
	 padding-right: 20px;
	 font-weight: normal;
}
 .headerBackground .headerContainer .headerNav .RoutingNum span.rtNum {
	 font-family: "Source Sans Pro Semibold";
	 font-weight: 600;
}
 .headerBackground .headerContainer .headerNav .Locations {
	 padding-right: 20px;
}
 .headerBackground .headerContainer .headerNav .Locations svg {
	 height: 12px;
	 width: 8px;
}
 .headerBackground .headerContainer .headerNav .Locations p {
	 font-family: "Source Sans Pro Semibold";
	 font-weight: 600;
	 color: #cce7ff;
}
 .headerBackground .headerContainer .headerNav .ContactUs {
	 padding-right: 20px;
}
 .headerBackground .headerContainer .headerNav .ContactUs svg {
	 height: 14px;
	 width: 14px;
}
 .headerBackground .headerContainer .headerNav .ContactUs p {
	 font-family: "Source Sans Pro Semibold";
	 font-weight: 600;
	 color: #cce7ff;
}
 .smallHeaderContainer {
	 display: none;
	 width: 100%;
	 height: 50px;
	 box-shadow: 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.16);
	 background: url(sm-nfcu-logo.svg) no-repeat 24px 50%/auto auto,linear-gradient(262deg,#0057a2,#0f3d70);
}
 .smallHeaderContainer .mobileToggleButton {
	 padding: 0;
	 margin: 0 0 0 10px;
}
 .smallHeaderContainer .mobileToggleButton:focus {
	 outline-color: #fff !important;
}
 .smallHeaderContainer .MobileMenuToggleButton {
	 color: #fff;
	 font-size: 1.75rem;
}
 .smallHeaderContainer .NFCU-Logo {
	 margin: 0 0 0 30px;
}
 .smallHeaderContainer .NFCU-Logo:focus {
	 outline-color: #fff !important;
}
 .medHeaderContainer {
	 display: none;
	 width: 100%;
	 height: 50px;
	 box-shadow: 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.16);
	 background: linear-gradient(262deg,#0057a2,#0f3d70);
}
 .medHeaderContainer .mobileToggleButton {
	 padding: 0;
	 margin: 0 0 0 10px;
}
 .medHeaderContainer .mobileToggleButton:focus {
	 outline-color: #fff !important;
}
 .medHeaderContainer .MobileMenuToggleButton {
	 color: #fff;
	 font-size: 1.75rem;
}
 .medHeaderContainer .NFCU-Logo {
	 margin: 0 0 0 30px;
	 display: flex;
}
 .medHeaderContainer .NFCU-Logo svg {
	 padding: 0;
	 margin: 0;
}
 .medHeaderContainer .NFCU-Logo:focus {
	 outline-color: #fff !important;
}
.middleBar {
	background-color: #0667ba;
}
.featureImg {
	position:absolute;
	max-width:555px;
	max-height:296.6px;
	align-self: center;
	flex-shrink: 2;
	border: none;
	margin:0 32px;
}
.featureImg img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	min-width: 311px;
	min-height: 166.2px;
}
.notification {
	display:flex;
	flex-direction: column;
	justify-content: center;
	max-width: 555px;
	padding:0 32px;
}
.notification h1{
	margin:0;
	font-family: "Source Sans Pro";
	line-height: 1.5;
	align-self: center;
	color: #0F3D70;
}
.notification p {
	font-family: "Source Sans Pro";
	font-size: 1rem;
	line-height: 1.5;
	text-align: center;
	color: #0C0D0E;
}
.notification p a {
	color: #0667BA;
	border-bottom: 1px dotted #0667BA;
	text-decoration: none;
}