html {
	width: 100%;
	height: 100%;
	font-family: "nimbus-sans",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	padding: 0;
	margin: 0;

	background-color: white;
	color: black;
}

body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	color: #ffffff;
}
h1, h2{
	font-family: "serifa", serif;
	text-transform: uppercase;
	font-weight: 100;
}
h2{
	font-size: 4.35em;
	margin: 0;
	word-break: break-all; /* this adds some weird behaviors on non-hypenated words */
	overflow:hidden; 
}
h2:before{
	width: 50%;
	height: 5px;
	margin: auto;
	border-radius: 2.5px;
	-webkit-border-radius: 2.5px;
	-moz-border-radius: 2.5px;
	content: "";
	background-color: #ffffff;
	margin: 1em auto .125em auto;
	display:block;
}
h3{
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight: 900;
}
p, ul{
	font-size: 1.5em;
}
.strong{
	font-weight: 500;
}
img{
	display:block;
}
a img { border: none; 
margin:0px;
padding: 0px;}

.hidden,
.visually-hidden,
a.visually-hidden:link,
a.visually-hidden:visited {
	position: absolute;
	left: -10000px;
	top: -10000px;
	color: white;
	background-color: black;
}

a.visually-hidden:hover,
a.visually-hidden:active {
	color: #ffcccc;
}


#mainWrapper .center {
	position: relative;
	max-width: 1600px;
	margin: auto;
	box-sizing: border-box;
	padding: 0px 63px; /* this is based of hamburger menu so align from it */
}
#mainWrapper .center::after {
	content: ' ';
	display: block;
	clear: both;
}
#mainSections{
	top: 57px; /* offset from header */
	position: absolute;
	width: 100%;
	padding-bottom: 74px;
	overflow: hidden;
}
#mainSections .section {
	top: 57px;
}

#header{
	background-color: #5d803a;
	font-size: 1.125em;
	position: fixed;
	z-index: 10;
	width: 100%;
	display: table-row;
}
#header #menuStack{
	background-color: #000000;
	background-image: url(../images/menu/hamburger.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 57px;
	width: 63px;
	font-weight: 500;
	display: table-cell;
	cursor: pointer;
}
#header #mycuLink {
	vertical-align: middle;
	padding-left: 1em;
	display: table-cell;
}
#header #mycuLink2 {
}


#mycuLink3 {
	background-color: #547434;
}

#mycuLink3 .separator {
	padding: 0 15px;
}


@media (min-width: 641px) {

	#rightHeader {
	    position: absolute;
	    right: 0px;
	    top: 0px;
	    height: 100%;
	}
	
	#rightHeader .rightHeaderLink {
		display: inline-block;
		height: 100%;
		padding: 0 15px;
	}
	#rightHeader .rightHeaderLink:before {
		content: " ";
		height: 100%;
		width: 0px;
		display: inline-block;
		vertical-align: middle;
	}
	
}

@media (max-width: 640px) {
	#rightHeader .rightHeaderLink {
		padding: 10px 20px 10px 80px;
	}
	
	#mainSections {
		top: 141px;
	}
}


#header a{
	text-decoration: none;
	color: #ffffff;
}
#mainMenu {
    position: fixed;
    z-index: 50000;
    left: -340px;
    top: 1px;
    width: 320px;
    bottom: 0px;
    background-color: #FFF;
    padding: 50px 10px;
    
    display: block;
    box-shadow: 10px 10px 16px 0px rgba(0, 0, 0, 0.24);
	text-transform: uppercase;
	box-sizing: border-box;
}
#mainMenu.open{
	 left: 0px;
}
#mainMenu ul{
	font-size: .875em;
	margin: 0;
	padding: 0;
}
#mainMenu ul li{
	font-size: .875em;
	border-bottom: 1px solid #ccc;
	padding: 1em 5em;
	font-weight: 500;
}
#mainMenu a{
	color: #000000;
	text-decoration: none;
}
#mainMenu .close{
	position: absolute;
	right: 10px;
	top: 10px;
	background-image: url(../images/menu/close.png);
	text-indent: -10000px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

#footer{
	background-color: #5d803a;
	width: 100%;
	margin: 0;
	padding: 0;
	padding: 15.8px 63px;
	border-top: 1px solid #ffffff;
	box-sizing: border-box;
}
#footer .ncuaTitle{
	line-height: 1.5em;
	font-size: 1.125em;
	float: left;
	font-weight: 700;
	
}
#footer .ncuaLink{
	line-height: 1.5em;
	font-size: 1.125em;
	float: right;
	font-weight: 700;
}
#footer .ncuaLink a{
	text-decoration: none;
	color: #fff;
}
#footer:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#stickyFooter{
	background-color: #000000;
	position: fixed;
	z-index: 11;
	width: 100%;
	bottom: 0px;
	margin: 0;
	box-sizing: border-box;
}
#stickyFooter .whatis{
	font-weight: 700;
	font-size: 1.875em;
	float: left;
	color: #999;
	text-transform: uppercase;
	line-height: 0.9em;
	padding-left: 1em;
	padding-top: 58px;
}
#stickyFooter .whatis span {
    color: #FFF;
    display: block;
    clear: both;
}
#stickyFooter .circleNav{
	margin: auto;
	width: 283.5px;
	box-sizing: border-box;
	top: 75px;
	position: relative;
}
#stickyFooter .circleNav ul{
	list-style-type: none;	
	margin: 0;
	padding: 0;
}
#stickyFooter .circleNav a{
	display: block;
	float: left;
	margin: 0 6.75px;
	width: 27px;
	height: 27px;
	border-radius: 13.5px;
	-webkit-border-radius: 13.5px;
	-moz-border-radius: 13.5px;
	background-color: #ffffff;
	font-size: 0px;
	color: black;

}
#stickyFooter .circleNav a.active{
	background-color: #8BA03A;
}

#stickyFooter .logo{
	margin-left: 63px;
	position: relative;
	float: left;
}
.socialMedia{
	margin-right: 63px;
	margin-top: 43px;
	float:right;
	font-size: 0px;
}
.socialMedia ul{
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
}
.socialMedia li{
	margin: 10px 4px;
	padding: 0;
	list-style: none;
	background-size: contain;
	width: 49px;
	height: 48px;
	display: inline-block;
	font-size: 0;
	text-indent:-10000px;
	
}
.socialMedia li a{
	display: block;
	height: 100%;
	width: 100%;
	color: white;
}
#mainMenu .socialMedia{
	margin-right: 0;
	margin-top: 10px;
	display: none;
}
#mainMenu .socialMedia ul li {
    border-bottom: none;
}
.iconFb{
	background-image: url(../images/footer/facebook.png);
}
.iconTw{
	background-image: url(../images/footer/twitter.png);
}
.iconYt{
	background-image: url(../images/footer/youtube.png);
}
.iconFl{
	background-image: url(../images/footer/FLICKR.png);
}

.colLeft{
	width: 50%;
	display:table-cell;
	padding-right: 5%;
	box-sizing: border-box;
	vertical-align: top;
}
.colRight{
	width: 50%;
	display:table-cell;
	padding-left: 5%;
	box-sizing: border-box;
	vertical-align: top;
}
.canvasWrap{
	position:relative;
	clear: both;
}
.canvas{
	width: 100%;
	clear: both;
}
.canvas img{
	width: 100%;
}

/* Proprietary Sections 
   ================================================= */
#section-intro {
	background-color: #a9d6e8;
}	
#section-intro h1{
	color: #2e4c88;
	margin: 0;
	font-size: 9.997em;
	line-height: .85em;
	padding-top: .4em;
}
#section-intro h1 span{
	font-weight: 500;
	display: block;
	clear: left;
}
#section-intro p{
	color: #333333;
	width: 59%;
}
#section-intro .cloud{
	background-image:url(../images/intro/cloud.webp);
	background-repeat: no-repeat;
	background-size: contain;
	width: 205px;
	height: 119px;
	position:absolute;
	max-height: 19.349%;
	max-width: none;	
}
#section-intro.animate .cloud{
	animation-name: cloudAnimation;
    animation-duration: 200s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
#section-intro #cloudOne{
	left:1%;
	top: 15%;
}
#section-intro.animate #cloudOne{
	animation-delay: -60s;
}
#section-intro #cloudTwo{
	left: 45%;
	top: 15%;
}
#section-intro.animate #cloudTwo{
	animation-delay: -24s;
}
#section-intro #cloudThree{
	left: 71%;
	top: 5%;
}
#section-intro .lightsBuilding{
	background-image:url(../images/intro/lights-1.png);
	background-repeat: no-repeat;
	background-size: contain;	
	width: 30px;
	height: 50px;
	max-width: 2.035%;
	max-height: 8.169%;
	position:absolute;
}
#section-intro.animate .lightsBuilding{
	animation-name: lightsAnimation;
    animation-duration: 13s;
	animation-iteration-count:1;
}
#section-intro #lightsBuilding1{
	top: 36.5%;
	left: 20.5%;
}
#section-intro #lightsBuilding2{
	top: 36.5%;
	left: 25%;
}
#section-intro #lightsBuilding3{
	top: 36.5%;
	left: 29.6%;
}
#section-intro #lightsBuilding4{
	top: 53.25%;
	left: 20.5%;
}
#section-intro.animate #lightsBuilding4{
	animation-delay: -10s;
}
#section-intro #lightsBuilding5{
	top: 53.25%;
	left: 25%;
}
#section-intro.animate #lightsBuilding5{
	animation-delay: -10s;
}
#section-intro #lightsBuilding6{
	top: 53.25%;
	left: 29.6%;
}
#section-intro.animate #lightsBuilding6{
	animation-delay: -10s;
}
#section-intro .lightsShop{
	background-image:url(../images/intro/lights-2.png);
	background-repeat: no-repeat;
	background-size: contain;	
	width: 47px;
	height: 52px;
	max-width: 3.189%;
	max-height: 8.496%;
	position:absolute;
}
#section-intro.animate .lightsShop{
	animation-name: lightsAnimation;
    animation-duration: 10s;
	animation-iteration-count:1;
}
#section-intro #lightsShop1{
	top: 59%;
	left: 34.5%;
}
#section-intro.animate #lightsShop1{
	animation-delay: -2s;
}
#section-intro #lightsShop2{
	top: 59%;
	left: 40%;
}
#section-intro.animate #lightsShop2{
	animation-delay: -4s;
}
#section-intro #lightsShop3{
	top: 59%;
	left: 45.45%;
}
#section-intro #lightsBakery1{
	background-image:url(../images/intro/lights-3.png);
	background-repeat: no-repeat;
	background-size: contain;	
	width: 69px;
	height: 45px;
	max-width: 4.681%;
	max-height: 7.352%;
	position:absolute;
	top: 88%;
	left: 88%;
}
#section-intro #lightsBakery2{
	background-image:url(../images/intro/lights-4.png);
	background-repeat: no-repeat;
	background-size: contain;	
	width: 34px;
	height: 69px;
	max-width: 2.307%;
	max-height: 11.273%;
	position:absolute;
	top: 88%;
	left: 95.6%;
}
#section-intro.animate .lightsBakery{
	animation-name: lightsAnimation;
    animation-duration: 10s;
	animation-iteration-count:1;
}

#section-intro .planeLink {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 86px;
	max-height: 13.984%;

}

#section-intro .plane {
	background-image:url(../images/intro/airplane.webp);
	background-repeat: no-repeat;
	background-size: contain;
	width: 627px;
	height: 86px;
	position:absolute;
	top: 0;
	left: 35%;
	
	max-width: none;
	text-indent: -10000px;
	color: black;
}
#section-intro.animate .plane{
	animation-name: planeAnimation;
    animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: -6s;
}
#section-intro .canvas img{ /*buildings */
	max-width: 1481px;
	margin: auto;
}

#section-intro .person{
	position:absolute;
	max-height: 36px;
	height: 5.882%;
	bottom: -1px;
}
#section-intro #personOne{
	max-width: 19px;
	width: 1.289%;
	left: 1.5%;
}
#section-intro.animate #personOne{
	animation-name: personOnePositionAnimation;
    animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: -1s;
}
#section-intro #personOne img, #section-intro #personFour img{
	max-width: 100%;
	max-height: 100%;
	position:absolute;
	top:0px;
	opacity:0;
}
#section-intro.animate #personOne .person1{
	animation-name: personOneAnimation;
    animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: -1s;
}
#section-intro.animate #personOne .person1back{
	animation-name: personOneBackAnimation;
    animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: -1s;
}
#section-intro.animate #personOne .person1front{
	animation-name: personOneFrontAnimation;
    animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: -1s;
}
#section-intro #personTwo{
	background-image:url(../images/intro/person-2.webp);
	background-repeat: no-repeat;
	background-size: contain;
	max-width: 20px;
	width: 1.357%;
	left: 7.5%;
}

#section-intro #personThree{
	background-image:url(../images/intro/person-3.webp);
	background-repeat: no-repeat;
	background-size: contain;
	max-width: 19px;
	width: 1.289%;
	left: 10%;
}

#section-intro #personFour{
	max-width: 18px;
	width: 1.221%;
	left: 12.5%;
}
#section-intro.animate #personFour{
	animation-name: personFourPositionAnimation;
    animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: -1s;
}
#section-intro.animate #personFour .person4{
	animation-name: personOneAnimation;
    animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: -1s;
}
#section-intro.animate #personFour .person4back{
	animation-name: personOneBackAnimation;
    animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: -1s;
}
#section-intro.animate #personFour .person4front{
	animation-name: personOneFrontAnimation;
    animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: -1s;
}
#section-intro #car{
	background-image:url(../images/intro/car.webp);
	background-repeat: no-repeat;
	background-size: contain;
	width: 123px;
	max-height: 63px;
	position:absolute;
	height: 10.293%;
	bottom: -25px;
	left: 25%;
}
#section-intro.animate #car{
	animation-name: carAnimation;
    animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: -8s;
}
#section-intro #moped{
	background-image:url(../images/intro/moped.webp);
	background-repeat: no-repeat;
	background-size: contain;
	width: 101px;
	max-height: 89px;
	position:absolute;
	height: 14.582%;
	left: 66%;
	bottom: -57px;
}
#section-intro.animate #moped{
	animation-name: scootAnimation;
    animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: -16s;
}
#intro_road, #connect_road{
	background-image:url(../images/intro/road.webp);
	background-repeat: repeat-x;
	height: 66px; /* height of background image */
}
#intro_road .getStarted{
	margin: auto;
	box-sizing: border-box;
	position: absolute;
	bottom: -4em;
	left: 0;
	padding: 0px 63px;
	width: 100%;
	animation-name: bounceAnimation;
    animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

#intro_road .getStarted > a {
	background-image: url(../images/intro/get-started.webp);
	background-repeat: no-repeat;
	background-size: contain;
	aspect-ratio: 233 / 157;
	display: block;
	text-indent: -1000rem;

	margin: auto;
	position:relative;
	width: 15.807%;
}

#section-member-owned{
	background-color: #4866c7;
}
#section-member-owned .canvas{
	width: 100%;
	z-index:1;
}
#section-member-owned .canvas img{
	padding-top: 37%; 
	z-index: 1;
}
#section-member-owned #memberBalloons{
	background-image:url(../images/members/members-balloons.webp);
	background-repeat: no-repeat;
	background-size: contain;
	width: 706px;
	height: 277px;
	max-height: 34.955%;
	max-width: 89.963%;
	position: absolute;
	top: 1.5%;
	left: 5%;
}
#section-member-owned.animate #memberBalloons{
	animation-name: balloonsAnimation;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

#section-member-owned .arm{
	background-repeat: no-repeat;
	background-size: contain;
	max-height: auto;
	position: absolute;
}
#section-member-owned.animate .arm{
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
#section-member-owned #armOrange{
	background-image:url(../images/members/orange-arm.png);
	width: 60px;
	height: 81px;
	max-width: 7.643%;
	max-height: 10.221%;
	bottom: 27.5%;
	left: 59.5%;
	z-index: 2;
}
#section-member-owned.animate #armOrange{
	animation-name: orangeArmAnimation;
}
#section-member-owned #armPink{
	background-image:url(../images/members/pink-arm.png);
	width: 60px;
	height: 91px;
	max-width: 7.643%;
	max-height: 11.483%;
	bottom: 55%;
	left: 24%;
}
#section-member-owned.animate #armPink{
	animation-name: pinkArmAnimation;
}
#section-member-owned #armBlue{
	background-image:url(../images/members/blue-arm.png);
	width: 46px;
	height: 101px;
	max-width: 5.68%;
	max-height: 12.745%;
	bottom: 54%;
	left: 92%;
}
#section-member-owned.animate #armBlue{
	animation-name: blueArmAnimation;
}
#section-member-owned #armMagenta{
	background-image:url(../images/members/magenta-arm.png);
	width: 72px;
	height: 82px;
	max-width: 9.172%;
	max-height: 10.348%;
	bottom: 29%;
	left: 7.5%;
	z-index: 3;
}
#section-member-owned.animate #armMagenta{
	animation-name: magentaArmAnimation;
}
#section-member-owned #membersFront{
	background-image:url(../images/members/crowd-lower-right.webp);
	background-repeat: no-repeat;
	background-size: contain;
	width: 303px;
	height: 267px;
	position: absolute;
	max-width: 38.599%;
	max-height: 33.693%;
	bottom: 0px;
	z-index: 4;
}
#section-member-owned #membersFrontCenter{
	background-image:url(../images/members/crowd-lower-center.webp);
	background-repeat: no-repeat;
	background-size: contain;
	width: 447px;
	height: 260px;
	position: absolute;
	max-width: 56.943%;
	max-height: 33.121%;
	bottom: 0px;
	left: 38.75%;
	z-index: 5;
}
#section-member-owned .colLeft{
	width: 53.257%;
	padding: 0;
	vertical-align: bottom;
	position:relative;
}
#section-member-owned .canvas img{
	max-width: 785px;
	height: auto;
	margin: auto;
	position: relative;
	bottom: 0px;
}
#section-member-owned .colRight{
	width: 46.744%;
}

#section-member-owned h2{
	padding-bottom: 1em;
}

#section-nonprofit{
	background-color: #333333;
}
#section-nonprofit .colLeft{
	width: 54.817%;
}
#section-nonprofit .colRight {
    padding-left: 0;
	width: 45.183%;
}
#section-nonprofit p {
  font-size: 1.6rem;
}
#section-nonprofit .canvas{
	margin: 1em auto;
}
#section-nonprofit .canvas img{
	max-width: 666px;
	height: auto;
	margin: auto;
	top: 0;
	
	position: absolute;
}
#section-nonprofit .canvas img.background{
	position:relative;
}
#section-nonprofit .nfpWrap {
	margin-bottom: 1em;
	position:relative;
}
#section-nonprofit img.arrow{
	opacity: 0;
}
#section-nonprofit.animate img.arrow{
	opacity: 0;
	animation-name: nfpAnimation;
    animation-duration: 13s;
	animation-iteration-count: infinite;
	max-height: 100%;
}
#section-nonprofit.animate img#arrows1{
	animation-delay: -12.5s;
}
#section-nonprofit.animate img#arrows2{
	animation-delay: -12s;
}
#section-nonprofit.animate img#arrows3{
	animation-delay: -11.5s;
}
#section-nonprofit.animate img#arrows4{
	animation-delay: -11s;
}
#section-nonprofit.animate img#arrows5{
	animation-delay: -10.5s;
}
#section-nonprofit.animate img#arrows6{
	animation-delay: -10s;
}
#section-nonprofit.animate img#arrows7{
	animation-delay: -9.5s;
}
#section-nonprofit.animate img#arrows8{
	animation-delay: -9s;
}
#section-nonprofit.animate img#arrows9{
	animation-delay: -8.5s;
}
#section-nonprofit.animate img#arrows10{
	animation-delay: -8s;
}
#section-nonprofit.animate img#arrows11{
	animation-delay: -7.5s;
}
#section-nonprofit.animate img#arrows12{
	animation-delay: -7s;
}
#section-nonprofit.animate img#arrows13{
	animation-delay: -6.5s;
}
#section-nonprofit.animate img#arrows14{
	animation-delay: -6s;
}
#section-nonprofit.animate img#arrows15{
	animation-delay: -5.5s;
}
#section-nonprofit.animate img#arrows16{
	animation-delay: -5s;
}
#section-nonprofit.animate img#arrows17{
	animation-delay: -4.5s;
}
#section-nonprofit.animate img#arrows18{
	animation-delay: -4s;
}
#section-nonprofit.animate img#arrows19{
	animation-delay: -3.5s;
}
#section-nonprofit.animate img#arrows20{
	animation-delay: -3s;
}
#section-nonprofit.animate img#arrows21{
	animation-delay: -2.5s;
}
#section-nonprofit.animate img#arrows22{
	animation-delay: -2s;
}
#section-nonprofit.animate img#arrows23{
	animation-delay: -1.5s;
}
#section-nonprofit.animate img#arrows24{
	animation-delay: -1s;
}
#section-nonprofit.animate img#arrows25{
	animation-delay: -.5;
}
#section-nonprofit.animate img#arrows26{
	
}

#section-membership2{
	background-color: #5d803a;
}
#section-membership2 .floatFix{
	display:inline-block;
	width: 100%;
}
#section-membership2 .floatFix:after{
	content: "";
	display:block;
	clear: both;
	position:relative;
}
#section-membership2 h2:before{
	width: 35%;
	display: block;
	left: 17.5%;
	position: relative;
}
#section-membership2 h2{
	text-align: right;
	width: 50%;
}
#section-membership2 .question{
	margin-top: 2em;
	left: 2em;
	position: relative;
	float: right;
	width: 389px;
	max-width: 26.390%;
}
#section-membership2 .question img{
	max-width: 389px;
	width: 100%;
	height: auto;
}
#section-membership2 p{
	width: 50%;
}
#section-membership2 .canvas {
    clear: none;
}
#section-membership2 #letters{
	width: 80%;
	padding-bottom: 2em;
	margin-left: -63px;
}
#section-membership2 .letter{
	position:relative;
	clear:left;
	margin-bottom: 1em;
	overflow: hidden;
	color: inherit;
    text-decoration: none;
}
#section-membership2 .letter p{
	margin: .5em 0;
	clear: none;
	width: 100%;
	left: .5em;
	position:relative;
}
#section-membership2 .letter .arrowSlide{
	box-sizing: border-box;
	width: 0;
	width: 527px;
	margin-bottom: 1em;
	display: table-cell;
	vertical-align: middle;
	position:relative;
	text-indent: -10000rem;
}

#section-membership2 .letter .arrowSlide .arrow{
	width: 535px;
	height: 77px;
	left: -507px;
	position: absolute;
}
#section-membership2 .letter .arrowSlide .arrow.open{
	left: 0px;
}
#section-membership2 .letter .arrowTxt{
	display: table-cell;
	vertical-align: middle;
}
#section-membership2 .letter .arrowTxt p{
	visibility: hidden;
	width: 100%;
	margin: 0;
	position: relative;
	left: 0;
	padding-left: 1em;
	box-sizing: border-box;
}
#section-membership2 .letter .arrowTxt.open p{
	visibility: visible;
}
#section-membership2 .letter .arrowSlide img{
	cursor: pointer;
	margin-left: 32px; /*2em;*/
	width: 78px;
	height: auto;
	position:relative;
	z-index:2;
}
#section-membership2 .letter .arrow::after{
	content: "";
	clear: both;
	float: none;
}
#section-membership2 #letterA .arrowSlide .arrow{
	background-image: url(../images/membership/arrow-employer.png);
	background-repeat: no-repeat;
}
#section-membership2 #letterB .arrowSlide .arrow{
	background-image: url(../images/membership/arrow-family.png);
	background-repeat: no-repeat;
}
#section-membership2 #letterC .arrowSlide .arrow{
	background-image: url(../images/membership/arrow-location.png);
	background-repeat: no-repeat;
}
#section-membership2 #letterD .arrowSlide .arrow{
	background-image: url(../images/membership/arrow-membership-in-a-group.png);
	background-repeat: no-repeat;
}
#section-community{
	background-color: #2b2d36;
}
#section-community .colLeft{
	width: 57.734%;
	padding-right: 5%;
}
#section-community .colRight{
	width: 42.266%;
	padding-left: 0;
}
#section-community h2{
	text-align: center;
}
#section-community p, #section-community ul {
  font-size: 1.6rem;
}
/* animations */
#section-community .canvas{
	position: relative;
}
#section-community .canvas .amimate{
	position: absolute;
}
#section-community .canvas img {
    width:100%;
    max-width: 623px;
    height: auto;
}
#section-community .community1, #section-community .community2, #section-community .community3, #section-community .community4, #section-community .community5{   
    opacity:0;
	position:absolute;
	max-width: 42.062%;
	bottom: 0px;
}
#section-community.animate .community1, #section-community.animate .community2, #section-community.animate .community3, #section-community.animate .community4, #section-community.animate .community5{
	animation-name: communityAnimation;
    animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
#section-community.animate .canvas .community2 {
    -webkit-animation-delay:2s;
	animation-delay:2s;
}
#section-community.animate .canvas .community3{
    -webkit-animation-delay:4s;
	animation-delay:4s;
}
#section-community.animate .canvas .community4 {
    -webkit-animation-delay:6s;
	animation-delay:6s;
}
#section-community.animate .canvas .community5 {
	-webkit-animation-delay:8s;
	animation-delay:8s;
}

#section-community .canvas{
    margin: 5em auto;
}

#section-cooperative{
	background-color: rgb(116,105,197);
}
#section-cooperative h2{
	display: inline-block;
}
#section-cooperative p, #section-cooperative ul {
  font-size: 1.6rem;
}
#section-cooperative .canvas img {
    max-width: 1272px;
    height: auto;
	margin: auto;
	width: 86.296%;
}
#section-cooperative .bubble{
	background-repeat: no-repeat;
	background-size: contain;
	width: 163px;
	height: 143px;
	max-width: 11.058%;
	max-height: 33.568%; 
	position: absolute;
	bottom: 53%;
}
#section-cooperative.animate .bubble{
	animation-name: coopAnimation;
    animation-duration: 6s;
    opacity:0;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in;
}
#section-cooperative #deposit1{
	background-image: url(../images/cooperative/deposit.png);
    left: 4.25%;
}
#section-cooperative #deposit2{
	background-image: url(../images/cooperative/deposit.png);
	left: 20.5%;
}
#section-cooperative.animate #deposit2{
    -webkit-animation-delay:2s;
	animation-delay:2s;
}
#section-cooperative #loan{
	background-image: url(../images/cooperative/loan.png);
	left: 84%;
}
#section-cooperative.animate #loan{
	-webkit-animation-delay:4s;
	animation-delay:4s;
}

#section-cooperative .dollarsign{
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
}
#section-cooperative.animate .dollarsign{
	animation-name: coopDollarAnimation;
    animation-duration: 6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#section-cooperative #dollar{
	background-image: url(../images/cooperative/dollar-2.png);
	width: 42px;
	height: 61px;
	max-width: 2.849%;
	max-height:14.319%;
	left: 54.5%;
	bottom: 91.5%;
	
	box-sizing: border-box;
}
#section-connect{
	background-color: #323650;
}
#section-connect h2{
	display: block;
	text-align: center;
}
#section-connect h2:before{
	width: 25%;
}

#section-connect a{
	color: #ccffcc;
	font-weight: 500;
	text-decoration: none;
}
#section-connect ul li{
	list-style-type: none;
	padding-bottom: 1em;
}
#section-connect ul li:before {
  content:'\25A0';   /* For a square bullet */
  color: #ccffcc;
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -1em;
  font-size: 1.5em;
  top: -0.3em;
}
#section-connect .star{
	background-image: url(../images/connect/star.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 48px;
	width: 48px;
	position: absolute;
	max-height: 6.857%;
	max-width: none;
}
#section-connect.animate .star{
	animation-name: starAnimation;
    animation-duration: 5s;
    opacity:0;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
#section-connect #starOne{
	left: 2.5%;
	top: 7.25%;
}
#section-connect.animate #starOne{
    -webkit-animation-delay:5s;
	animation-delay:5s;
}
#section-connect #starTwo{
	left: 37.6%;
	top: 33.75%;
	max-height: 5%;
}
#section-connect #starThree{
	left: 45.25%;
	top: 6.75%;
}
#section-connect.animate #starThree{	
	-webkit-animation-delay:1s;
	animation-delay:1s;
}
#section-connect #starFour{
	max-height: 5%;
	left: 74.125%;
	top: 12%;
}
#section-connect.animate #starFour{
    -webkit-animation-delay:2s;
	animation-delay:2s;
}
#section-connect #starFive{
	left: 93.2%;
	top: 37.8%;
	max-height: 5%;
}
#section-connect.animate #starFive{
    -webkit-animation-delay:5s;
	animation-delay:4s;
}

#section-connect .lightsBuilding{
	background-image:url(../images/connect/lights-1.png);
	background-repeat: no-repeat;
	background-size: contain;	
	width: 30px;
	height: 50px;
	max-width: 2.035%;
	max-height: 8.169%;
	position:absolute;
}
#section-connect.animate .lightsBuilding{
	animation-name: lightsAnimation;
    animation-duration: 13s;
	animation-iteration-count:1;
}
#section-connect #lightsBuildingoff1{
	top: 44.25%;
	left: 20.5%;
}
#section-connect #lightsBuildingoff2{
	top: 44.25%;
	left: 25%;
}
#section-connect #lightsBuildingoff3{
	top: 44.25%;
	left: 29.6%;
}
#section-connect #lightsBuildingoff4{
	top: 59%;
	left: 20.5%;
}
#section-connect.animate #lightsBuildingoff4{
	animation-delay: -10s;
}
#section-connect #lightsBuildingoff5{
	top: 59%;;
	left: 25%;
}
#section-connect.animate #lightsBuildingoff5{
	animation-delay: -10s;
}
#section-connect #lightsBuildingoff6{
	top: 59%;
	left: 29.6%;
}
#section-connect.animate #lightsBuildingoff6{
	animation-delay: -10s;
}
#section-connect .lightsShop{
	background-image:url(../images/connect/lights-2.png);
	background-repeat: no-repeat;
	background-size: contain;	
	width: 47px;
	height: 52px;
	max-width: 3.189%;
	max-height: 8.496%;
	position:absolute;
}
#section-connect.animate .lightsShop{
	animation-name: lightsAnimation;
    animation-duration: 10s;
	animation-iteration-count:1;
}
#section-connect #lightsShopoff1{
	top: 64.15%;
	left: 34.5%;
}
#section-connect.animate #lightsShopoff1{
	animation-delay: -2s;
}
#section-connect #lightsShopoff2{
	top: 64.15%;
	left: 40%;
}
#section-connect.animate #lightsShopoff2{
	animation-delay: -4s;
}
#section-connect #lightsShopoff3{
	top: 64.15%;
	left: 45.45%;
}
#section-connect #lightsBakeryoff1{
	background-image:url(../images/connect/lights-3.png);
	background-repeat: no-repeat;
	background-size: contain;	
	width: 147px;
	height: 69px;
	max-width: 9.973%;
	max-height: 11.273%;
	position:absolute;
	top: 89.7%;
	left: 88%;
}
#section-connect.animate .lightsBakery{
	animation-name: lightsAnimation;
    animation-duration: 10s;
	animation-iteration-count:1;
}


#section-connect .person{
	position:absolute;
	max-height: 36px;
	height: 5.143%;
	bottom: -1px;
}
#section-connect #personOneConnect{
	max-width: 19px;
	width: 1.289%;
	left: 1.5%;
}
#section-connect.animate #personOneConnect{
	animation-name: personOnePositionAnimation;
    animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: -1s;
}
#section-connect #personOneConnect img, #section-connect #personFourConnect img{
	max-width: 100%;
	max-height: 100%;
	position:absolute;
	top:0px;
	opacity:0;
}
#section-connect.animate #personOneConnect .person1{
	animation-name: personOneAnimation;
    animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: -1s;
}
#section-connect.animate #personOneConnect .person1back{
	animation-name: personOneBackAnimation;
    animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: -1s;
}
#section-connect.animate #personOneConnect .person1front{
	animation-name: personOneFrontAnimation;
    animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: -1s;
}
#section-connect #personTwoConnect{
	background-image:url(../images/intro/person-2.png);
	background-repeat: no-repeat;
	background-size: contain;
	max-width: 20px;
	width: 1.357%;
	left: 7.5%;
}

#section-connect #personThreeConnect{
	background-image:url(../images/intro/person-3.png);
	background-repeat: no-repeat;
	background-size: contain;
	max-width: 19px;
	width: 1.289%;
	left: 10%;
}

#section-connect #personFourConnect{
	max-width: 18px;
	width: 1.221%;
	left: 12.5%;
}
#section-connect.animate #personFourConnect{
	animation-name: personFourPositionAnimation;
    animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: -1s;
}
#section-connect.animate #personFourConnect .person4{
	animation-name: personFourAnimation;
    animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: -1s;
}
#section-connect.animate #personFourConnect .person4{
	animation-name: personOneAnimation;
    animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: -1s;
}
#section-connect.animate #personFourConnect .person4back{
	animation-name: personOneBackAnimation;
    animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: -1s;
}
#section-connect #carNight{
	background-image:url(../images/connect/car-night.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 211px;
	max-height: 63px;
	position:absolute;
	height: 10.293%;
	bottom: -25px;
	left: 25%;
}
#section-connect.animate #carNight{
	animation-name: carAnimation;
    animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: -8s;
}
#section-connect #scooterNight{
	background-image:url(../images/connect/scooter-night.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 185px;
	max-height: 89px;
	position:absolute;
	height: 14.582%;
	left: 66%;
	bottom: -57px;
}
#section-connect.animate #scooterNight{
	animation-name: scootAnimation;
    animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: -16s;
}
.topLink{
	margin: auto;
	box-sizing: border-box;
	position: absolute;
	bottom: -4em;
	left: 0;
	padding: 0px 63px;
	width: 100%;
	animation-name: bounceAnimation;
    animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-direction: alternate;


}
.topLink > a {
	background-image: url(../images/connect/back-to-top.png);
	background-repeat: no-repeat;
	background-size: contain;
	aspect-ratio: 233 / 157;
	display: block;
	text-indent: -1000rem;

/* }
.topLink img{ */

	margin: auto;
	position:relative;
	width: 15.807%;
}

/* animations */
/* intro */
@keyframes lightsAnimation{
	0%{
		opacity: 0;
	}
	90%{
		opacity:0;
	  }
	100%{
		opacity: 1;
	}
}
@keyframes bounceAnimation{
	0%{
		bottom: -5em;
	}
	100%{
		bottom: -1.5em;
	}
}

@keyframes planeAnimation{
	0%{
		left: -125%;
	}
	100%{
		left: 125%;
	}
}
@keyframes cloudAnimation{
	0%{
		left: 125%;
	}
	100%{
		left: -125%;
	}
}
@keyframes personOnePositionAnimation{
	0%{
		left: 1.5%;
		bottom: 0%;
	}
	15%{
		left: 7.125%;	
		bottom: 0%;
	}
	25%{
		left: 7.5%;
		bottom: 2.5%;
	}
	30%{
		left: 7.5%;
		bottom: 2.5%;
	}
	70%{
		left: 7.5%;
		bottom: 2.5%;
	}
	75%{
		left: 7.125%;
		bottom: 2.5%;
	}
	85%{
		left: 7.5%;	
		bottom: 0%;
	}
	100%{
		left: 1.5%;	
		bottom: 0%;
	}
}
@keyframes personOneAnimation{
	0%{
		-moz-transform: scaleX(1);
        -o-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
		opacity: 1;
	}
	15%{
		opacity: 1;
	}
	16%{
		opacity: 0;
	}
	25%{
		opacity: 0;
	}
	30%{
		-moz-transform: scaleX(1);
        -o-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
	}
	70%{
		-moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
	}
	75%{
		opacity: 0;
	}
	85%{
		opacity: 0;
	}
	86%{
		opacity: 1;
	}
	100%{
		opacity: 1;
		-moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
	}
}
@keyframes personOneFrontAnimation{
	0%{
		opacity: 0;
	}
	70%{
		opacity: 0;
	}
	75%{
		opacity: 1;
	}
	85%{
		opacity: 1;
	}
	86%{
		opacity: 0;
	}
	100%{
		opacity: 0;	
	}
}
@keyframes personOneBackAnimation{
	0%{
		opacity: 0;
	}
	15%{
		opacity: 0;
	}
	16%{
		opacity: 1;
	}
	25%{
		opacity: 1;
	}
	30%{
		opacity: 0;
	}
	100%{
		opacity: 0;	
	}
}

@keyframes personFourPositionAnimation{
	0%{
		left: 12.5%;
		bottom: 0%;
	}
	15%{
		left: 10%;	
		bottom: 0%;
	}
	25%{
		left: 10%;
		bottom: 2.5%;
	}
	30%{
		left: 10%;
		bottom: 2.5%;
	}
	70%{
		left: 10%;
		bottom: 2.5%;
	}
	75%{
		left: 10%;
		bottom: 2.5%;
	}
	85%{
		left: 10%;	
		bottom: 0%;
	}
	100%{
		left: 12.5%;
		bottom: 0%;
	}
}




/* member owned frame */
@-webkit-keyframes blueArmAnimation {
  0% {
    bottom: 42%;
	left: 88%;
  }
  25%{
  	bottom: 42%;
	left: 89%;
  }
  50%{
  	bottom: 48%;
	left: 90%;
  }
  100% {
    bottom: 54%;
	left: 92%;
  }
}
@keyframes blueArmAnimation {
  0% {
    bottom: 42%;
	left: 88%;
  }
  25%{
  	bottom: 42%;
	left: 89%;
  }
  50%{
  	bottom: 48%;
	left: 90%;
  }
  100% {
    bottom: 54%;
	left: 92%;
  }
}
@-webkit-keyframes pinkArmAnimation {
  0% {
    bottom: 42%;
	-ms-transform: rotate(-20deg); /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Safari */
    transform: rotate(-20deg);
  }
  100% {
    bottom: 55%;
	left: 24%;
  }
}
@keyframes pinkArmAnimation {
  0% {
    bottom: 42%;
	left: 24%;
	-ms-transform: rotate(-20deg); /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Safari */
    transform: rotate(-20deg);
  }
  100% {
    bottom: 55%;
	left: 24%;
  }
}

@-webkit-keyframes magentaArmAnimation {
  0% {
    bottom: 24%;
	left: 4%;
	-ms-transform: rotate(-60deg); /* IE 9 */
    -webkit-transform: rotate(-60deg); /* Safari */
    transform: rotate(-60deg);
  }
  100% {
    bottom: 29%;
	left: 7.5%;
  }
}
@keyframes magentaArmAnimation {
  0% {
    bottom: 24%;
	left: 4%;
	-ms-transform: rotate(-60deg); /* IE 9 */
    -webkit-transform: rotate(-60deg); /* Safari */
    transform: rotate(-60deg);
  }
  100% {
    bottom: 29%;
	left: 7.5%;
  }
}
@-webkit-keyframes orangeArmAnimation {
  0% {
	bottom: 23%;
	left: 57.5%;  
	-ms-transform: rotate(-60deg); /* IE 9 */
    -webkit-transform: rotate(-60deg); /* Safari */
    transform: rotate(-60deg);
  }
  100% {
	bottom: 27.5%;
	left: 59.5%;
  }
}
@keyframes orangeArmAnimation {
  0% {
	bottom: 23%;
	left: 57.5%;  
	-ms-transform: rotate(-60deg); /* IE 9 */
    -webkit-transform: rotate(-60deg); /* Safari */
    transform: rotate(-60deg);
  }
  100% {
	bottom: 27.5%;
	left: 59.5%;
  }
}
@-webkit-keyframes balloonsAnimation{
  0% {
    top: 5%;
	left: 5%;
	opacity:0;
  }
  100% {
    top: 1.5%;
	left: 5%;
	opacity:1;
  }
}
@keyframes balloonsAnimation{
  0% {
    top: 5%;
	left: 5%;
	opacity:0;
  }
  100% {
    top: 1.5%;
	left: 5%;
	opacity:1;
  }
}

/* not for profit frame */
@keyframes nfpAnimation{
  0% {
    opacity:0;
  }
  96.153%{
  	opacity:0;
  }
  100% {
    opacity:1;
  }
}

/* community frame */
@-webkit-keyframes communityAnimation {
   0% {
    opacity:1;
  }
  17% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
@keyframes communityAnimation {
    0% {
    opacity:1;
  }
  17% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

/* cooperative frame */
@-webkit-keyframes coopAnimation {
  0% {
    opacity:1;
  }
  33% {
    opacity:0;
  }
  100% {
    opacity:0;
  }
}
@keyframes coopAnimation {
  0% {
    opacity:1;
  }
  33% {
    opacity:0;
  }
  100% {
    opacity:0;
  }
}
@-webkit-keyframes coopDollarAnimation{
  0% {
	left: 36.5%;
	bottom: 57.5%;
	-ms-transform: rotate(-35deg); /* IE 9 */
    -webkit-transform: rotate(-35deg); /* Safari */
    transform: rotate(-35deg);
  }
  16.6%{
	left: 41%;
	bottom: 74.5%;
	}
  33.3%{
		left: 47%;
		bottom: 87%;
	}
  50%{
	left: 54.5%;
	bottom: 91.5%;
  }
  66.6%{
	  left: 62%;
	  bottom: 87%;
  }
  83.3%{
	  left: 69%;
	  bottom: 74.5%;
  }
  100%{
	left: 73.5%;
	bottom: 57.5%;
	-ms-transform: rotate(35deg); /* IE 9 */
    -webkit-transform: rotate(35deg); /* Safari */
    transform: rotate(35deg);
  }
}
@keyframes coopDollarAnimation{
 0% {
	left: 36.5%;
	bottom: 57.5%;
	-ms-transform: rotate(-35deg); /* IE 9 */
    -webkit-transform: rotate(-35deg); /* Safari */
    transform: rotate(-35deg);
  }
  16.6%{
	left: 41%;
	bottom: 74.5%;
	}
  33.3%{
		left: 47%;
		bottom: 87%;
	}
  50%{
	left: 54.5%;
	bottom: 91.5%;
  }
  66.6%{
	  left: 62%;
	  bottom: 87%;
  }
  83.3%{
	  left: 69%;
	  bottom: 74.5%;
  }
  100%{
	left: 73.5%;
	bottom: 57.5%;
	-ms-transform: rotate(35deg); /* IE 9 */
    -webkit-transform: rotate(35deg); /* Safari */
    transform: rotate(35deg);
  }
  
}
/* connect frame */
@-webkit-keyframes starAnimation {
  0% {
    opacity:0;
  }
  17% {
    opacity:.25;
  }
  25% {
    opacity:.5;
  }
  100% {
    opacity:1;
  }
}
@keyframes starAnimation {
  0% {
    opacity:0;
  }
  17% {
    opacity:.25;
  }
  25% {
    opacity:.5;
  }
  100% {
    opacity:1;
  }
}

@keyframes carAnimation{
	0%{
		left: 125%;
	}
	100%{
		left: -125%;
	}
}
@keyframes scootAnimation{
	0%{
		left: -125%;
	}
	100%{
		left: 125%;
	}
}



/* responsive */
@media (max-width: 1490px) {
	body #mainSections, #stickyFooter {
		font-size: 90%; 
	}
}
@media (max-width: 1366px){ /* standard laptop size */
/* small monitors */
	body #mainSections, #stickyFooter {
		font-size: 85%; 
	}
	#section-membership2 #letters {
    	width: 100%;
	}
	#section-membership2 .letter .arrowSlide{
		width: 395.25px;
	}
	#section-membership2 .letter .arrowSlide img{
		margin-left: 32px; /*2em;*/
		width: 58.5px;
	}
	#section-membership2 .letter .arrowSlide .arrow {
		width: 395.25px;
		height: 58.5px;
		left: -363.25px;
		position: absolute;
		background-size: contain;
	}
}	
@media (max-width: 1290px) {
	body #mainSections, #stickyFooter{
		font-size: 80%; 
	}
}
@media (max-width: 1220px) {
	body #mainSections, #stickyFooter{
		font-size: 75%; 
	}
}
@media (max-width: 1152px) {
	body #mainSections, #stickyFooter{
		font-size: 70%; 
	}
}
@media (max-width: 1084px) {
	h2{
		font-size: 4em;
	}
	#mainSections {
		padding-bottom: 72px;
	}
}

/* moved outside 1084px for global */
	#stickyFooter .logo{
		display:none;
	}
	#stickyFooter .whatis {
		padding-top: 11px;
		padding-left: 63px;
	}
	#stickyFooter .circleNav {
		top: 20px;
	}
	.socialMedia {
		margin-top: -10px;
		padding-bottom: 5px;
	}


@media (max-width: 1012px) {
	#footer .logo img{
		height: 150px;
	}
	#section-membership2 .letter p {
		margin: 1em 0px;
		clear: both;
	}
}

@media (max-width: 996px) {
	#section-intro h1{
		font-size: 9em;
	}
	h2{
		font-size: 3.5em;
	}
}
@media (max-width: 974px){

}
@media (max-width: 910px) {
	#section-intro h1{
		font-size: 8.5em;
	}
	
}
@media (max-width: 872px) {
	#section-intro h1{
		font-size: 8em;
	}
	h2{
		font-size: 3em;
	}
	#stickyFooter .whatis, .socialMedia {
		clear:both;
		margin: auto;
		padding: 0;
		text-align: center;
		width: 100%;
		box-sizing: border-box;
	}
	#stickyFooter .whatis{
		padding-top: 10px;
	}
	.socialMedia {
		padding-bottom: 10px;
	}
	#stickyFooter .whatis span {
		color: #FFF;
		display: inline;
		clear: none;
	}
	#stickyFooter{
		padding-bottom: 10px;
	}
	#stickyFooter .circleNav{
		clear:both;
		top: 10px;
		height: 27px;
		margin-bottom: 10px;
	}
	#footer{
		padding: 15.8px;
	}
	#footer .ncuaTitle, #footer .ncuaLink{
		text-align: center;
		clear: both;
		width: 100%;
	}
	#mainSections {
		padding-bottom: 74px;
	}
	#mainMenu .socialMedia{
		display: block;
	}
	#stickyFooter .socialMedia{
		display: none;
	}
}
@media (max-width: 824px) {
	#section-intro h1{
		font-size: 7.5em;
	}
	
}
@media (max-width: 780px) {
	h2 {
		word-break: normal;
	}
	#section-intro h1{
		font-size: 7em;
	}
	#section-intro p {
		width: 75%;
	}
	.colLeft{
		width: 100%;
		display:block;
		padding-right: 0%;
		box-sizing: border-box;
		vertical-align: top;
	}
	.colRight{
		width: 100%;
		padding-left: 0%;
		box-sizing: border-box;
		vertical-align: top;
	}
	#section-membership2 .question {
		left: 0;
		width: 389px;
		margin: 1em auto;
		float: none;
		max-width: 50%;
	}
	#section-membership2 h2::before {
		width: 35%;
		display: block;
		margin: 1em 10% 0.125em;
		position: relative;
		left: 0;
	}
	#section-membership2 h2 {
    	text-align: left;
		width: 100%;
	}
	#section-membership2 p {
		width: 100%;
	}
	
	#section-membership2 .letter p {
		margin: 1em 0px;
	}
	#section-membership2 .letter .arrowTxt p {
		padding-left: 63px;
	}
	#section-membership2 #letters{
		width: 100%;
	}
	#section-member-owned .colLeft{
		width: 100%;
		float: none;
		padding-right: 0%;
		box-sizing: border-box;
		vertical-align: top;
	}
	#section-member-owned .colRight{
		width: 100%;
		padding-left: 0%;
		box-sizing: border-box;
		vertical-align: top;
	}
	#section-nonprofit .colLeft{
		width: 100%;
		float: none;
		padding-right: 0%;
		box-sizing: border-box;
		vertical-align: top;
	}
	#section-nonprofit .colRight {
		width: 100%;
		padding-left: 0%;
		box-sizing: border-box;
		vertical-align: top;
	}
	#section-community .colLeft {
		width: 100%;
		float: none;
		padding-right: 0%;
		box-sizing: border-box;
		vertical-align: top;
	}
	#section-community h2::before {
    	width: 20%;
	}
	
	#section-cooperative .colLeft{
		width: 50%;
		display:block;
		float: left;
		padding-right: 5%;
		box-sizing: border-box;
		vertical-align: top;
	}
	#section-cooperative .colLeft:first-child{
		width: 100%;
	}
	#section-cooperative .colRight{
		width: 50%;
		display:table-cell;
		padding-left: 5%;
		box-sizing: border-box;
		vertical-align: top;
	}
	#section-connect ul{
		margin: 0;
	}
}
@media(max-width: 700px){
	
}
@media (max-width: 640px){
	#section-intro p {
		width: 100%;
	}
	#section-membership2 .letter .arrowSlide img{
		/*margin-left: 32px;*/
		margin-left: 15.75px;
		width: 39px;
		height: auto;
	}
	#section-membership2 .letter .arrowSlide .arrow {
		width: 263.5px;
		height: 39px;
		/*left: -231.5px;*/
		left: -247.5px;
		position: absolute;
		background-size: contain;
	}
	#section-membership2 .letter .arrowTxt{
		display:block;
	}
}
@media (max-width: 480px){
	#section-intro h1 {
		font-size: 5.5em;
	}
	#mainWrapper .center {
		padding: 0px 15.75px;
	}
	#section-membership2 #letters {
		margin-left: -15.75px;
	}
	
	#section-membership2 .letter .arrowTxt p {
		padding-left: 15.75px;
	}
	#header {
		font-size: 0.9em;
	}
	#header #mycuLink2 {
		top: 19px;
	}
	
	#mainSections {
    	top: 131px;
	}
}
@media (max-width: 320px){
	#section-intro h1 {
		font-size: 5em;
	}
	
}