/*Page-Wide*/

@font-face{
    font-family: "Proxima Nova";
    src: url('proxima-nova/Proxima Nova.otf');
}

@font-face{
    font-family: "Proxima Nova Book";
    src: url('proxima-nova/Proxima Nova Book.otf');
}

html	{
	margin: 0;
	padding: 0;
}

body	{
	margin: 0;
	padding: 0;
	font-family: "Proxima Nova";
}

p 	{
	font-family: "Proxima Nova Book";
}

h2	{
	font-size: 43px;
}

.flex	{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.horizontal-rule	{
	width: 59px;
	height: 3px;
	background-color: #000;
	padding: 0;
	margin: auto;
}

.horizontal-rule-white	{
	width: 59px;
	height: 3px;
	background-color: #FFF;
	margin: auto;
}

.header-red	{
	color: #f5452e;
	padding: 0 50px;
}

/*Top Navigation Bar*/

#top-nav	{
	width: 100%;
	height: 90px;
	margin: 0;
	display: none;
}

ul.nav 	{
	list-style: none;
}

ul.social 	{
	list-style: none;
}

#top-mobile-menu {
	width: 100%;
	margin: auto;
	display: block;
}

label {
	cursor: pointer;
	color: #fff;
	text-align: center;
	margin: auto;
}

label p {  
	font-size: 22px;
	padding: 30px 0 15px 0;
}

#mobile-menu {
	display: none; /* hide the checkbox */
}

#the-mobile-menu {
	display: none;
}

#mobile-menu:checked + #the-mobile-menu {
  display: block;}

#menu_drop {
	background-color: #111111;
}

.anchors  {
	text-align: center;  
	list-style: none;
	padding: 100px 20px 50px 20px;
	border-top: 1px solid #fff;
}

.anchors li {
	padding: 20px 0;
}

.anchors a  {
	text-decoration: none;
	color: #fff;
}

.underline-top  {
	border-top: 1px solid #fff;
}

.underline-bottom  {
	border-bottom: 1px solid #fff;
}

.red-mobile  {
	display: block;
	width: 80%;
	margin: 0 auto 20px;
	text-align: center;
}

.red-mobile a {
	text-decoration: none;
	color: #fff;
	display: block;
	background-color: #f5452e;
	padding: 15px 30px;
}

.social-mobile   {
	text-decoration: none;
	padding: 30px;
	list-style: none;
	text-align: center;
}


.social-mobile a   {
	text-decoration: none;
	color: #FFF;
	border: 2px solid #fff;
    border-radius: 50%;
    padding: 8px 13px;
}

#menu_drop label p	{
	color: #fff;
	font-family: "Proxima Nova";
	margin: auto;
}

#nav-logo	{
	height: 75px;
	margin: auto;
	padding-top: 15px;
	text-align: center;
}

#nav-logo img 	{
	height: 60px;
}

/*Call to Action*/

#call-to-action	{
	width: 100%;
	background-color: #FFF;
	text-align: center;
	padding: 50px 0;
}

.logo-medium	{
	width: 140px;
}

#call-to-action h3	{
	font-size: 35px;
	width: 85%;
	margin: auto;
	padding: 20px;
}

#call-to-action h2	{
	font-size: 43px;
	padding: 20px 0 0 0;
	margin-top: 0;
}

#call-to-action .horizontal-rule	{
	margin: auto;
}

.red-dot	{
	width: 58px;
	height: 58px;
	border-radius: 29px;
	margin: auto;
	margin-bottom: 50px;
	background-color: #f5452e;
	position: relative;
	top: 50px;
}

.white-arrow	{
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 3px solid #FFF;
    border-bottom: 3px solid #FFF;
    width: 20px;
    height: 20px;
    margin: auto;
    position: relative;
    top: 12px;
}

/*We Fight Together*/

#we-fight-together	{
	background-image: url("images/fight-together.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 90px 0;
	width: 100%;
	text-align: center;
}

#we-fight-together-landing	{
	background-image: url("images/fight-together.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 10px 0;
	width: 100%;
	text-align: center;
}

#we-fight-together h2	{
	margin: 20px 30px;
}

#we-fight-together-landing h2	{
	font-size: 2em;
	width: 100%;
	margin: 20px 0;
}

#we-fight-together p 	{
	margin: 40px 30px;
}

#we-fight-together-landing p 	{
	margin: 40px 30px;
}

.fight-text	{
	width: 90%;
	min-width: 300px;
	color: #FFF;
}

.action-red	{
	color: #f5452e;
	font-size: 25px;
	padding: 0 30px;
}

#right-arrow	{
	display: none;
}

#down-arrow {
	display: inline-block;
}

.blue-box	{
	width: 90%;
	min-width: 290px;
	max-width: 470px;
	background-color: #0179bb;
	margin: 30px;
	text-align: center;
}

.blue-box h3	{
	font-size: 25px;
}

#form-first_name	{
	height: 40px;
    margin: 10px 0;
    padding: 0 10px;
    font-size: 15px;
    font-family: "Proxima Nova Book";
    width: 41%;
}

#form-last_name	{
	height: 40px;
    margin: 10px 0 10px 0px;
    padding: 0 10px;
    font-size: 15px;
    font-family: "Proxima Nova Book";
    width: 41%;
}

/*The Strategy*/

#the-strategy	{
	padding: 65px 0;
	width: 100%;
	text-align: center;
	display: none;
}

.strategy-list	{
	margin: 0;
	padding: 0 50px 0 55px;
}

.strategy-list li {
	margin: 0 0 20px 0;
	padding: 10 10 20px 15px;
	font-family: "Proxima Nova Book";
}

#the-strategy h2	{
	padding: 20px 50px;
	margin: 0;
}

#the-strategy p 	{
	padding: 40px 50px 20px 50px;
	margin: 0;
}

#the-strategy h4	{
	padding: 0 50px;
}

/*Our Tactics*/

#our-tactics	{
	color: #FFF;
	background-color: #111111;
	padding: 65px 0;
	width: 100%;
	text-align: center;
	display: none;
}

#our-tactics h2	{
	padding: 0 50px 20px 50px;
	margin: 0;
}

#our-tactics h4	{
	padding: 20px 50px 0 50px;
}

#our-tactics p 	{
	padding: 0 50px;
}
/*The Team*/

#the-team	{
	padding: 65px 0;
	width: 100%;
	text-align: center;
	display: none;
}

#the-team h2	{
	padding: 20px 50px;
	margin: 0;
}

#the-team h4	{
	padding: 20px 50px 0 50px;
}

#the-team p 	{
	padding: 0 50px;
}

/*Mobile*/

.info_drop-mobile {
  width: 100%;
  margin: auto;
  display: block;
  text-align: center;
}

label {
  cursor: pointer;
  color: #000;
  text-align: center;
}

label p {
  font-size: 22px;
  font-family: "Proxima Nova";
}

/*strategy mobile*/
#strategy-mobile {
  display: none; /* hide the checkbox */
}

#the-strategy-mobile {
  display: none;
}

#the-strategy-mobile p {
  color: #000;
  padding: 0 50px 20px 50px;
}

#strategy-mobile:checked + #the-strategy-mobile {
  display: block;
}

#strategy_drop-mobile {
  background-color: #fff;
  border-bottom: 1px solid #d3d3d3;
}

/*tactics mobile*/
#tactics-mobile {
  display: none; /* hide the checkbox */
}

#the-tactics-mobile {
  display: none;
}

#the-tactics-mobile p {
  color: #000;
  padding: 0 50px 20px 50px;
}

#tactics-mobile:checked + #the-tactics-mobile {
  display: block;
}

#tactics_drop-mobile {
  background-color: #fff;
  border-bottom: 1px solid #d3d3d3;
}

/*team mobile*/

#team-mobile {
  display: none; /* hide the checkbox */
}

#the-team-mobile {
  display: none;
}

#the-team-mobile p {
  color: #000;
  padding: 0 50px 20px 50px;
}

#team-mobile:checked + #the-team-mobile {
  display: block;
}

#team_drop-mobile {
  background-color: #fff;
  border-bottom: 1px solid #d3d3d3;
}


.down-arrow-black-mobile  {
  width: 25px;
  height: 25px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Safari */
  transform: rotate(45deg);
  border-right: 2px solid black;
  border-bottom: 2px solid black;
  margin: auto;
  position: relative;
  top: -20px;
}

/*Join the Movement*/

#join-box	{
	background-image: url("images/join.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 65px 0;
	text-align: center;
	color: #FFF;
	height: 400px;
	width: 100%;
}

.red-button	{

}

.red-button a {
	text-decoration: none;
	color: #FFF;
	background-color: red;
	display: block;
	width: 70%;
	max-width: 175px;
	margin: auto;
	padding: 10px;
}

/*Page Footer*/

#page-footer	{
	padding: 65px 0;
	text-align: center;
	background-color: #111111;
	color: #FFF;
	margin: auto;
	width: 100%;
}

#page-footer a {
	color: #FFF;
}

#paid-for	{
	border: 1px solid #FFF;
	width: 75%;
	max-width: 350px;
	margin: auto;
	padding: 5px 1px;
	margin-bottom: 60px;
}

#paid-for p {
	font-size: 12px;
}