/*NPEA*/


@media only screen and (min-width:320px) {
	
	
.mission {margin-top: -1.2rem; }
	
	
.Advocacy {content:url(img/circle/ACircleNPEA.png); }

.Endorsements {content:url(img/circle/ECircleNPEA.png);}

.Reports { content:url(img/circle/RCircleNPEA.png);}
	
.round img {margin: 4.8rem 0;}
	
.backgroundThumb {	height: 100% !important; padding: 2.4rem 0;}
	
.overFlowCrop { 
	float: none;
	min-width: 220px; 
	max-width: 100%;
	width: 100%;
    display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;}

.overFlowCrop img {    
	min-width: 100%;	
	}	
	
.SocialMenu {padding: 2.4rem 0 !important; margin: 2.4rem 0 !important;}
	
.ThumbCropped {padding: 1.2rem;}
	
.TopCircle {display: block; margin: 1.2rem auto 2.4rem auto; overflow: hidden; width: 12rem; height: 12rem; border-radius: 25rem; border: 2px solid #fbfbf2;
	}
	
.TopCircle img {width: 150%; height: 1505;}

blockquote.LeftBloc {float: none; margin: 0; padding: 2.4rem 1.2rem; font-size: 2.4rem; line-height: 3.6rem; border-right: #ae3c3c 4px solid; width: 100%; font-weight: 900;}


blockquote.RightBloc {float: none; margin: 0; padding: 2.4rem 1.2rem; font-size: 2.4rem; line-height: 3.6rem; border-left: #ae3c3c 4px solid; width: 100%; font-weight: 900;}
	
.BigImage {max-width: 100%;}
	
.BigDonateButton {background-color: #1f4684 !important;
    Color: #fbfbf2 !important;
    font-size: 2.4rem !important;
    text-align: center !important;
    font-weight: 900 !important;
    border: none !important;
    transition-duration: 0.4s !important;
    height: 9.6rem !important;
    line-height: 9.6rem !important;
	display: block !important;
	width: 100%;
	padding: 0 30vw;	
	border-radius: 5rem;
	margin-top: 1.2rem;

	

}
	
#menu-main-menu li {margin-top: 0;}			


.menu li {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 900;
    display: inherit; 
    padding: 1.2rem; 
}

.menu li:focus .sub-menu,
.menu li:focus-within .sub-menu,
.menu li:hover .sub-menu {
  visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
	position: relative;

	}
	
.Small {display: block;}
.Big {display: none;}
.nav-item {padding: 2.4 0; float:left;}
			
.navbar-nav {margin-top: 0 !important; height: auto;}
	
}
@media only screen and (min-width:480px) {

.mission {margin-top: -2.4rem; }
	
.backgroundThumb {	
	padding: 2.4rem 0;
	height: 100vh;}
	
.Advocacy {content:url(img/circle/ACircleNPEA.png); }

.Endorsements {content:url(img/circle/ECircleNPEA.png);}

.Reports { content:url(img/circle/RCircleNPEA.png);}
.round img {
	margin: 4.8rem 0;
	}
	
.CallToActionButtons {margin: 2.4rem 0 ;}

.overFlowCrop { 
	float: none;
	min-width: 220px; 
	max-width: 100%;	
	width: 100%;
    display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;}

	.overFlowCrop img {    
	min-width: 100%;	

	}

.SocialMenu {padding: 2.4rem 0 !important; margin: 2.4rem 0 !important;}

.ThumbCropped {padding: 1.2rem;}
	

.TopCircle {display: block; margin: 1.2rem auto 2.4rem; overflow: hidden; width: 12rem; height: 12rem; border-radius: 25rem; border: 2px solid #fbfbf2;
	}
	
.TopCircle img {width: 150%;}
	
blockquote.LeftBloc {float: none; margin: 0; padding: 2.4rem 1.2rem; font-size: 3.6rem; line-height: 3.6rem; border-right: #ae3c3c 4px solid; width: 100%; font-weight: 900;}


blockquote.RightBloc {float: none; margin: 0; padding: 2.4rem 1.2rem; font-size: 3.6rem; line-height: 3.6rem; border-left: #ae3c3c 4px solid; width: 100%; font-weight: 900;}
	
.Social {}	
	
.BigDonateButton {background-color: #1f4684 !important;
    Color: #fbfbf2 !important;
    font-size: 2.4rem !important;
    text-align: center !important;
    font-weight: 900 !important;
    border: none !important;
    transition-duration: 0.4s !important;
    height: 9.6rem !important;
    line-height: 9.6rem !important;
	display: block !important;
	width: 100%;
	padding: 0 30vw;	
	border-radius: 5rem;
	margin-top: 1.2rem;


}
	
#menu-main-menu li {margin-top: 0;}			
	
.menu li {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 900;
    display: inherit; 
    padding: 1.2rem; 
}
.menu li:focus .sub-menu,
.menu li:focus-within .sub-menu,
.menu li:hover .sub-menu {
  visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
	position: relative;

	}
	
.Small {display: block;}
.Big {display: none;}
.nav-item {padding: 2.4 0; float:left;}
			
.navbar-nav {margin-top: 0 !important; height: auto;}
		
}

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

.mission {
	margin-top: -2.4rem; 
	}
	
.ANSignUp {margin: 0 0 2.4rem 0;}
	

.backgroundThumb {	
	display: flex;
	padding: 2.4rem 0;
	}
	
		
.Advocacy {content:url(img/circle/AHalfCircleNPEA.png); }

.Endorsements {content:url(img/circle/EHalfCircleNPEA.png);}

.Reports { content:url(img/circle/RHalfCircleNPEA.png);}
.round img {margin: 0;}
	
.CallToActionButtons {margin: 2.4rem 0 ;}
	
	.overFlowCrop { 
	min-width: 100%; 
	max-width: auto;
	width: 100%;
    display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;}
	
	.overFlowCrop img {    
		min-width: 100%;

	}
	
.ThumbCropped {padding: 1.2rem;}
	
.TopCircle {display: block; margin: 1.2rem auto 2.4rem; overflow: hidden; width: 12rem; height: 12rem; border-radius: 25rem; border: 2px solid #fbfbf2;
	}
	
.TopCircle img {width: 150%; height: 150%;}
	
blockquote.LeftBloc {float: none; margin: 0; padding: 3.6rem 1.2rem; font-size: 2.4rem; line-height: 3.6rem; border-right: #ae3c3c 4px solid; width: 100%; font-weight: 900;}
	
blockquote p {font-size: 4.8rem; line-height: 6rem; }

blockquote.RightBloc {float: none; margin: 0; padding: 3.6rem 1.2rem; font-size: 2.4rem; line-height: 3.6rem; border-left: #ae3c3c 4px solid; width: 100%; font-weight: 900;}

.SocialMenu {padding: 0 !important; margin: 2.4rem 0 !important;}
	
	
.BigImage {max-width: 100%;}
	
.BigDonateButton {background-color: #1f4684 !important;
    Color: #fbfbf2 !important;
    font-size: 2.4rem !important;
    text-align: center !important;
    font-weight: 900 !important;
    border: none !important;
    transition-duration: 0.4s !important;
    height: 9.6rem !important;
    line-height: 9.6rem !important;
	display: block !important;
	width: 100%;
	padding: 0 2vw;	
	border-radius: 0;
	margin: 0 auto;
	

}
	
#menu-main-menu li {margin-top: 2.4rem;}			
	
#menu-main-menu li ul li {margin-top: 0rem;}			

	
.menu li {
font-size: 1.6rem; line-height: 2.4rem; font-weight: 900; display: inline-block; padding:  1.2rem; 
}

.menu li:focus .sub-menu,
.menu li:focus-within .sub-menu,
.menu li:hover .sub-menu {
  visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
	position: absolute;

	}
	
.Small {display: block;}
.Big {display: none;}
	
.nav-item {padding: 2.4 0; float:left;}
			
.navbar-nav {margin-top: 0 !important; height: auto;}

}


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

.mission {margin-top: 0px}
	
.ANSignUp {margin: 0 0 2.4rem 0;}
	


.Advocacy {content:url(img/circle/AHalfCircleNPEA.png); }

.Endorsements {content:url(img/circle/EHalfCircleNPEA.png);}

.Reports { content:url(img/circle/RHalfCircleNPEA.png);}

.round img {margin: 0;}
	
.CallToActionButtons {margin: 2.4rem 0 ;}
	
.overFlowCrop { 
	width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
	margin: 0;
	padding: 0;
}
	
.overFlowCrop img {    
	min-width: 110%;
}

.ThumbCropped {padding: 0;}
	
.TopCircle {display: none;}
	
blockquote.LeftBloc {float: left; margin: 0 1.2rem 1.2rem -1.2rem; padding:  6rem 1.2rem; font-size: 4.8rem; line-height: 6rem; border-right: #ae3c3c 4px solid; width: 32rem; font-weight: 900;}


blockquote.RightBloc {float: right; margin: 0 -1.2rem 1.2rem 1.2rem; padding: 6rem 1.2rem; font-size: 4.8rem; line-height: 6rem; border-left: #ae3c3c 4px solid; width: 32rem; font-weight: 900;}

.SocialMenu {padding: 0 !important; margin: 2.4rem 0 !important;}
	
.BigImage {max-width: 100%;}
	
.backgroundThumb {	
	height: 74vh !important;
    width:100vw;
    background-size:cover;
	padding: 2.4rem; } 
	
.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    float: left;
    margin-top: 2.4rem;
}	

.BigDonateButton {background-color: #1f4684 !important;
    Color: #fbfbf2 !important;
    font-size: 2.4rem !important;
    text-align: center !important;
    font-weight: 900 !important;
    border: none !important;
    transition-duration: 0.4s !important;
    height: 9.6rem !important;
    line-height: 9.6rem !important;
	display: block !important;
	width: 100%;
	padding: 0 2vw;
	border-radius: 0;

	

}
	
#menu-main-menu li {margin-top: 2.4rem; padding: .6rem;}				
	
.menu li {
font-size: 1.6rem; line-height: 2.4rem; font-weight: 900; display: inline-block; padding:  1.2rem; 
}

.menu li:focus .sub-menu,
.menu li:focus-within .sub-menu,
.menu li:hover .sub-menu {
  visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
	position: absolute;

	}
	.Social {
    width: 12rem;
    position: absolute;
    right: 191px;
    top: -9px;
}
	
.Small {display: none;}
.Big {display: block;}
.nav-item {padding: 0;}
			
.navbar-nav {margin-top: 0 !important; height: 9.4rem;}
	
}
			

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

.mission {margin-top: 0px}
	
	
.backgroundThumb {	
	height: 99vh !important;
    width:100vw;
    background-size:cover;
	padding: 2.4rem;
}	

.BgReset { position: absolute; 
	top: 50%;
	padding: 48px 0;
	height: 100%; 
	}
	
.Advocacy {content:url(img/circle/AHalfCircleNPEA.png); }

.Endorsements {content:url(img/circle/EHalfCircleNPEA.png);}

.Reports { content:url(img/circle/RHalfCircleNPEA.png);}

.round img {margin: 0;}
	
.CallToActionButtons {margin: -2.4rem 0 0 0;}
	
.overFlowCrop { 
	width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
	margin: 0;
	padding: 0;
}

.overFlowCrop img {    
		min-width: 100%;
}
	
.ThumbCropped {padding: 0;}
	
.TopCircle {display: none;}
	
blockquote.LeftBloc {float: left; margin: 0 1.2rem 1.2rem -2.4rem; padding: 6rem 1.2rem; font-size: 4.8rem; line-height: 6rem; border-right: #ae3c3c 4px solid; width: 32rem; font-weight: 900;}

blockquote p {font-size: 4.8rem; line-height: 6rem; }

blockquote.RightBloc {float: right; margin: 0 -2.4rem 1.2rem 1.2rem; padding: 6rem 1.2rem; font-size: 4.8rem; line-height: 6rem; border-left: #ae3c3c 4px solid; width: 32rem; font-weight: 900;}

.MiddleContent h3 {min-height: 4.8rem; height: 100%}
	
article.TextAreaFront {min-height: 17rem; padding: 0; height: auto;}

aside.TextAreaFront {min-height: 6.8rem; padding: 0; height: auto;}

section.TextAreaFront {height: 4.8rem; padding: 0 0 2.4rem 0;}

.BigImage {max-width: 120%;}
	
.BigDonateButton {background-color: #1f4684 !important;
    Color: #fbfbf2 !important;
    font-size: 2.4rem !important;
    text-align: center !important;
    font-weight: 900 !important;
    border: none !important;
    transition-duration: 0.4s !important;
    height: 9.6rem !important;
    line-height: 9.6rem !important;
	display: block !important;
	width: 100%;
    padding: 0 2.3vw;
	border-radius: 0;

}
	
#menu-main-menu li {margin-top: 2rem; padding: 1.2rem; }			

#menu-main-menu li ul li {margin-top: 0rem;}			


.menu li {
font-size: 1.6rem; line-height: 2.4rem; font-weight: 900; display: inline-block; padding: 1.2rem; 
}

.menu li:focus .sub-menu,
.menu li:focus-within .sub-menu,
.menu li:hover .sub-menu {
  visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
position:absolute;

}

.Social {
    /* width: 12rem; */
    float: right;
    right: 22.5rem;
    position: absolute;
    top: -9px;
			}
	
.Small {display: none;}
.Big {display: block;}

.nav-item {padding: 0;}
			
.navbar-nav {margin-top: 0 !important; height: 9.4rem;}
	

}
@media only screen and (min-width:1350px) 
		{
	
.mission {margin-top: -1.2rem;}
	

.backgroundThumb {	
	height: 72.5vh !important;
    width:100vw;
    background-size:cover;
	padding: 2.4rem;
}

.ANSignUp {margin-bottom: 4.8rem;} 

.Advocacy {content:url(img/circle/AHalfCircleNPEA.png); }

.Endorsements {content:url(img/circle/EHalfCircleNPEA.png);}

.Reports { content:url(img/circle/RHalfCircleNPEA.png);}

			.round img {margin: 0;}
	
.CallToActionButtons {margin: -4.8rem 0 0 0;}

.overFlowCrop { 
	width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
	margin: 0;
	padding: 0;

}
	
.overFlowCrop img {    
	min-width: 100%;
}
			
.ThumbCropped {padding: 0;}
	
.TopCircle {display: none;}
			
blockquote.LeftBloc {float: left; margin: 0 1.2rem 1.2rem -24rem; padding: 6rem 1.2rem; font-size: 4.8rem; line-height: 6rem; border-right: #ae3c3c 4px solid; width: 32rem; font-weight: 900;}


blockquote.RightBloc {float: right; margin: 0 -24rem 1.2rem 1.2rem; padding: 6rem 1.2rem; font-size: 4.8rem; line-height: 6rem; border-left: #ae3c3c 4px solid; width: 32rem; font-weight: 900;}
			
			
article.TextAreaFront {min-height: 12.0rem; padding: 0 0 2.4rem 0; height: auto;}
	
aside.TextAreaFront {min-height: 6.8rem; padding: 0; height: auto;}
	
section.TextAreaFront {height: 4.8rem; padding: 0 0 2.4rem 0;}
			
.BigDonateButton {background-color: #1f4684 !important;
    Color: #fbfbf2 !important;
    font-size: 2.4rem !important;
    text-align: center !important;
    font-weight: 900 !important;
    border: none !important;
    transition-duration: 0.4s !important;
    height: 9.6rem !important;
    line-height: 9.6rem !important;
	display: block !important;
	width: 100%;
    padding: 0 3.5vw;
	border-radius: 0;

}

#menu-main-menu li {margin-top: 2rem; padding: 1.2rem; }	
			
#menu-main-menu li ul li {margin-top: 0rem;}			
			
.menu li {
font-size: 1.6rem; line-height: 2.4rem; font-weight: 900; display: inline-block; padding: 1.2rem; 
}
			
.menu li:focus .sub-menu,
.menu li:focus-within .sub-menu,
.menu li:hover .sub-menu {
  visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
	position:absolute;
}

						
.Social {
    /* width: 12rem; */
    float: right;
    right: 27.5rem;
    position: absolute;
    top: -9px;
			}
.Small {display: none;}
.Big {display: block;}

.nav-item {padding: 0;}
			
.navbar-nav {margin-top: 0 !important; height: 9.4rem;}
			
}