@charset "utf-8";


* {margin: 0;padding: 0;}
body{font-family: 'Raleway', sans-serif;font-weight: normal;font-style: normal;}
a{text-decoration: none;}
img{border: 0;vertical-align: bottom;}
.bold{font-weight: bold;}

h2{font-size: 40px;line-height: 70px;font-weight: 700;}
h3{font-size: 22px;font-weight: 600;}

.clear{clear:both;}
.clearFix{clear: both;}
.clearFix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.noMargins{margin: 0 !important;}
.noPadding{padding: 0 !important;}
.activeHoverBtn{display: none;}
.hoverIcon{position: relative;}
.normalBtn, .activeHoverBtn{position: absolute;left: 0px;top: 0px;}

.italic{font-style: italic;}
.lora{font-family: 'Lora', serif;}
p{font-weight: 400;line-height: 34px;margin-bottom: 30px;}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

input, textarea{-webkit-appearance: none;-webkit-border-radius: 0}

.topBorder{border-top: 2px solid #62CAE1;}
.titleMargin{margin-top: 44px;}
.hideBox{display: none;}


.g-recaptcha{margin: 0 auto;width: 304px;margin-bottom: 16px;}


/**** Header ****/

#headerBorder{position: fixed;top: 0px;left: 0px;width: 100%;height: 170px;background: #fff;z-index: 99998;}
.container{margin: 0 auto;padding-bottom: 90px;width: 100%;height: 170px;position: relative;}
header{background: #fff;position: fixed;left: 50%;margin-left: -650px;width: 1300px;height: 170px;top: 0px;z-index: 99999999999999;background: #fff;}
.borderBox{width: 100%;height: 2px;border-bottom: 2px solid #62CAE1;z-index: 999998;position: absolute;top: 166px;}
#logo{margin: 0 auto;width: 212px;margin-top: 44px;z-index: 9999999;position: relative;}
#logo img{max-width: 100%;z-index:989999999;}
#menuBtn, #activeMenuBtn{width: 38px;height: 24px;position: fixed;top: 83px;left: 80px;}
#menuBtn img, #activeMenuBtn img{max-width: 100%;}
#activeMenuBtn{display: none;}

.headerIcon{width: 37px;height: 37px;top: -8px;}
.headerIcon img{max-width: 100%;}
#facebookHead{position: absolute;right: 220px;}
#twitterHead{position: absolute;right: 165px;}
#headerBtn{position: absolute;right: 0px;top: 0px;}
#headerBtns{position: fixed;top: 78px;right: 80px;width: 260px;}

nav{display: none;background: #00A7CE;width: 0px;padding: 70px 0px;font-size: 16px;position: fixed;left: 0px;top: 168px;z-index: 98999999;}
nav li{list-style-type: none;font-weight: 600;padding-bottom: 13px;}
nav li a, nav li{color: #fff;}
nav li a:hover, nav .activeLink{color: #62CAE1;}
nav ul{margin-left: 79px;margin-bottom: -15px;}
.menuBorder{margin: 0 auto;height: 20px;width: 76%;border-bottom: 2px solid #fff;margin-bottom: 26px;padding-left: 20px;padding-right: 20px;}
#sidebarIcons{width: 200px;height: 35px;margin-left: 78px;margin-top: 16px;}
.sidebarIcon{float: left;width: 35px;height: 35px;margin-right: 20px;}
.sidebarIcon img{max-width: 100%;}

.headerBtn{position: absolute;bottom: 38px;right: 160px;}
#mainContent{position: relative;top: 180px;z-index: 2;}

.btnBox .buttonContainer{float: left;margin-right: 40px;}
.btnBox .button{display: block;width: 176px;padding-left: 0px;padding-right: 0px;}
.mainBtnBox{width: 400px;margin: 0 auto;margin-top: 63px;margin-bottom: 10px;}

.buttonContainer{margin: 0 auto;display: table;}
.button{border: 2px solid #62CAE1;color: #000;font-weight: 500;font-size: 14px;text-align: center;cursor: pointer;padding: 9px 12px;padding-bottom: 7px;-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;}
.button span{font-style: italic;}
.button:hover{background-color: #E9F6F9;}

.mainTextColumn{width: 780px;margin: 0 auto;text-align: center;padding-bottom: 28px;}
.mainTextColumn p{font-size: 22px;}
.mainTextColumn li{font-size: 22px;list-style-type: none;padding-bottom: 5px;}
.mainTextColumn li .bullet{width: 7px;height: 16px;}
.mainTextColumn li .bullet img{max-width: 100%;}

.mainTextColumn .topTitle{padding-top: 44px;}

.siteTitle{margin-bottom: -3px;text-align: center;font-size: 68px;font-weight: 800;margin-top: 63px;line-height: 63px;}
.siteTitle2{font-size: 38px;font-weight: 400;margin-bottom: 37px;line-height: 40px;}
.siteSubtitle{font-size: 32px !important;line-height: 47px;width: 698px;text-align: center;margin: 0 auto;color: #00a7ce !important;}

#mapBox{margin-bottom: 80px;max-width: 2600px;width: 100%;border-bottom: 2px solid #62CAE1;border-top: 2px solid #62CAE1;margin-top: 38px;position: relative;}
#map{max-width: 100%;}
#mapFeather{position: absolute;left: 50%;transform: translate(-50%, 0);bottom: -58px;height: 100px;width: 35px;}
#mapFeather img{max-width: 100%;}

#aboutSection{padding-bottom: 58px;}
.aboutTitle{margin-bottom: 25px;}
.infoBoxContainer{width: 100%;margin-top: 73px;margin-bottom: 92px;}
.infoBox{float: left;width: 350px;height: 580px;}
.infoImage{width: 350px;margin-bottom: 27px;}
.infoImage img{max-width: 100%;}
.infoBox h3{margin-bottom: 25px;}
.infoBox p{font-size: 16px !important;line-height: 24px !important;}
.infoBoxContainer .leftMargin, .eventContainer .leftMargin{margin-right: 80px;}
.infoBoxContainer .bottomMargin{margin-bottom: 20px;}
.infoBox .buttonContainer{margin-top: 55px;}
.infoBox .button{display: block;width: 276px;}
.smallInfoBtns{display: none;}
.smallInfoBtns .button{width: 246px;display: block;}

.testimonial, .contactFormBox{background-color: #eef8fa;width: 100%;padding-top: 57px;padding-bottom: 34px;}
.testimonial h2{color: #00a7ce;font-weight: normal;font-family: 'Lora', serif;font-size: 32px !important;line-height: 47px !important;}
.testimonial .info{margin: 0 auto;color: #00a7ce;font-size: 18px !important;width: 500px;padding-top: 33px;line-height: 24px !important;}
.testimonial .name{font-weight: 700 !important;}
.testimonial .position{font-weight: 500 !important;}

.eventContainer{padding-top: 30px;margin-bottom: 76px;}
.eventBox{width: 350px;float: left;}
.eventBtnBox{width: 215px;margin: 0 auto;padding-top: 30px;}
.eventBtnBox .firstBtn{margin-right: 0px !important;}
.eventBtnBox .buttonContainer{width: 90%;margin-bottom: 12px;}
.eventBtnBox .button{width: 86%;display: block;}
.eventContainer .topMargin{margin-top: 50px;}

.socialIconBox{border-top: 2px solid #62CAE1;padding-bottom: 70px;}
.socialIcons{width: 456px;margin: 0 auto;padding-top: 24px;height: 48px;}
#socialIcons{width: 388px;}
#followIcons{width: 116px;}
.socialIcon{width: 48px;height: 48px;float: left;margin-right: 20px;}
.socialIcon img{max-width: 100%;}


.formSubtitle{margin-top: 27px;margin-bottom: 38px;}
#formTable input, #formTable textarea{font-family: 'Raleway', sans-serif;border: 2px solid #62CAE1;padding: 12px;font-size: 16px;}
#formTable .shortInput{width: 354px;}
#formTable .longInput{width: 759px;}
#formTable textarea{width: 759px;height: 116px;}
.inputMargin{margin-right: 20px;}
#formTable label{font-size: 16px;font-weight: 500;}
#formTable .label{padding-bottom: 18px;}
#formTable .input{padding-bottom: 30px;}
#submitBtn{margin-top: 14px;cursor: pointer;color: #fff;background: #00A7CE;border: none;font-family: 'Raleway', sans-serif;font-weight: 500;font-size: 16px;padding: 10px 40px;}
#submitBtn:hover{background: #62CAE1;}
.formError{background: #FFEDED !important;}
#formTable .redBorderInput{border: 2px solid #FF0000 !important;}
.subTitleError{color: #FF0000;}

#backToTop{margin: 0 auto;width: 142px;margin-top: 25px;margin-bottom: 30px;}
#backToTop .arrow{width: 24px;height: 12px;margin: 0 auto;}
#backToTop .arrow img{max-width: 100%;}
#backToTopLink{font-size: 22px;font-weight: 700;color: #00A7CE;padding-top: 20px;display: block;}


.treatyContent{margin-top: 35px;}
.featherBox{position: relative;width: 100%;margin-top: 48px;}
.borderFeather{position: absolute;left: 50%;transform: translate(-50%, 0);bottom: -58px;height: 100px;width: 35px;}
.borderFeather img{max-width: 100%;}

.treatyLinks{margin-top: 71px;}
.treatyLinks .buttonContainer{margin-bottom: 54px;}
.treatyLinks .button{width: 216px;display: block;}
.smallText{font-size: 16px !important;line-height: 26px !important;}
.smallText a{font-weight: 700;color: #000;}

.storyContent .infoBox{height: 555px !important;}
.storyContent .infoBoxContainer{margin-top: 61px !important;margin-bottom: 0px !important;}
.storySubtitle{margin-top: 25px;}

#solidarityContent{margin-top: 23px !important;}
#solidarityContent .featherBox{margin-top: 0px;margin-bottom: 73px;}

#fullSpanImageBox{width: 100%;max-width: 2600px;margin-top: 24px;margin-bottom: 48px;}
#fullSpanImageBox div{float: left;width: 25%;}
#fullSpanImageBox img{max-width: 100%;}
.involvedTitle{margin-bottom: 17px !important;}
.getInvolved .socialIcons{padding-top: 8px !important;padding-bottom: 45px;}

#learnLinks{padding-top: 54px;margin-top: 47px;width: 100%;}
#learnLinks .buttonContainer{float: left;margin-bottom: 37px;}
#learnLinks .button{display: block;width: 152px;}
#learnLinks .largeBtnMargin{margin-right: 20px;}



/**** Footer ****/

#footer{width: 100%;background-color: #00A7CE;height: 210px;position: relative;padding-bottom: 18px;}
#footerInfo{position: absolute;left: 80px;top: 75px;}
#footerInfo p{float: left;font-size: 24px;line-height: 30px;color: #fff;text-align: center;}
#footerInfo .marginRight{margin-right: 60px;}
#footerInfo a{color: #fff;}
#footerInfo a:hover{color: #E3E17B;}
#footerMenu{margin: 0 auto;height: 48px;top: 30px;position: relative;width: 620px;}
#footerMenu li, #footerSubmenu li{;display: inline-block;*zoom: 1;*display: inline;padding-right: 36px;}
#footerMenu a{font-size: 21px;font-weight: 600;color: #fff;}
#footerMenu a:hover, #footerSubmenu a:hover{color: #62CAE1;}
#footerSubmenu{width: 87.6%;border-top: 2px solid #fff;margin: 0 auto;margin-top: 30px;padding-top: 30px;}
#footerSubmenu li{font-size: 16px;}
#footerSubmenu a{color: #fff;font-weight: 600;}
#footerSubmenu ul{margin: 0 auto;width: 776px;}
.footerIcons{width: 90px;height: 35px;margin: 0 auto;padding-top: 30px;}


@media screen and (min-width:981px) and (max-width:1300px){
  header{margin-left: -50%;width: 100%;height: 170px;}
}

@media screen and (min-width:690px) and (max-width:1000px){
  #learnLinks .midBtnMargin{margin-right: 20px !important;}
  #learnLinks .largeBtnMargin{margin-right: 0px;}
  .learnLinkBox{margin: 0 auto;width: 580px;}
}

@media screen and (min-width:465px) and (max-width:689px){
  #learnLinks .smallBtnMargin{margin-right: 20px !important;}
  #learnLinks .largeBtnMargin{margin-right: 0px;}
  .learnLinkBox{margin: 0 auto;width: 380px;}
}

@media screen and (min-width:0px) and (max-width:464px){
  .learnLinkBox{width: 100%;}
  #learnLinks .smallBtnMargin{margin-right: 8% !important;}
  #learnLinks .largeBtnMargin{margin-right: 0px;}
  #learnLinks .buttonContainer{width: 45%;margin-bottom: 37px;}
  #learnLinks .button{width: 100%;font-size: 12px;padding: 9px 0px;}
}

@media screen and (min-width:0px) and (max-width:1024px){
    .button:hover, .contactFormBtn{background: none !important;}
}

@media screen and (min-width:780px) and (max-width:1012px){
  #footerSubmenu li{font-size: 14px;padding-right: 14px !important;}
  #footerSubmenu .noPadding{padding: 0px !important;}
  #footerSubmenu ul{width: 611px;}
  #footerSubmenu {width: 100%;}
}


@media screen and (min-width:661px) and (max-width:980px){

  h2{font-size: 40px;line-height: 70px;}
  h3{font-size: 22px;}

  .titleMargin{margin-top: 44px;}

  #headerBorder{height: 144px;}
  .container{width: 100%;height: 147px;}
  header{margin-left: -50%;width: 100%;height: 144px;}
  .borderBox{top: 140px;}
  #logo{width: 212px;margin-top: 18px;}

  #menuBtn, #activeMenuBtn{width: 34px;top: 57px;left: 50px;}

  .headerIcon{width: 35px;height: 35px;top: -8px;}

  .headerBtn{bottom: 38px;right: 160px;}
  #mainContent{;top: 180px;}

  .btnBox .buttonContainer{margin-right: 40px;}
  .btnBox .button{width: 176px;padding-left: 0px;padding-right: 0px;}
  .mainBtnBox{width: 400px;margin-top: 63px;margin-bottom: 10px;}

 
  .button{font-size: 14px;padding: 9px 12px;padding-bottom: 7px;}

  .mainTextColumn{width: 88%;padding-bottom: 28px;}
  .mainTextColumn p{font-size: 22px;}
  .mainTextColumn li{font-size: 22px;padding-bottom: 5px;}
  .mainTextColumn li .bullet{width: 7px;height: 16px;}

  .mainTextColumn .topTitle{padding-top: 44px;}

  .siteTitle2{margin-bottom: 57px;}
  .siteSubtitle{font-size: 32px !important;line-height: 47px;width: 100%;}

  .infoBoxContainer{margin-top: 73px;margin-bottom: 42px;}
  .infoBox{width: 45%;height: auto !important;margin-bottom: 54px !important;}
  .infoImage{width: 100%;margin-bottom: 27px;}
  .infoImage img{max-width: 100%;}
  .infoBox h3{margin-bottom: 25px;}
  .infoBox p{font-size: 16px !important;line-height: 24px !important;}
  .infoBoxContainer .leftMargin, .eventContainer .leftMargin{margin-right: 10%;}
  .infoBoxContainer .bottomMargin{margin-bottom: 20px;}
  .infoBox .buttonContainer{margin-top: 55px;}
  .smallInfoBtns .button{margin-bottom: 13px;}
  .infoBoxContainer .bottomRow{min-height: 544px;margin-bottom: 20px !important;}

  .eventBox{width: 45%;}
  .eventBtnBox{width: 80%;padding-top: 30px;}
  .eventBtnBox .firstBtn{margin-right: 0px;}
  .eventBtnBox .buttonContainer{width: 90%;margin-bottom: 12px;}
  .eventBtnBox .button{width: 86%;display: block;}

  #mapBox{margin-bottom: 55px;}

  .formSubtitle{margin-top: 25px;margin-bottom: 38px;font-size: 16px !important;line-height: 23px !important;}
  #formTable{width: 100%;}
  #formTable input, #formTable textarea{padding: 12px;font-size: 16px;}
  #formTable .shortInput{width: 90%;}
  #formTable .longInput{width: 90%;}
  #formTable textarea{width: 90%;height: 116px;}
  .inputMargin{margin-right: 20px;}
  #formTable label{font-size: 16px;}
  #formTable .label{padding-bottom: 16px;}
  #formTable .input{padding-bottom: 27px;}
  #submitBtn{margin-top: 17px;font-size: 16px;padding: 10px 40px;}

  #backToTop{width: 142px;margin-top: 25px;margin-bottom: 30px;}
  #backToTop .arrow{width: 24px;height: 12px;}
  #backToTopLink{font-size: 22px;padding-top: 20px;}

  .followIconBox{padding-bottom: 40px !important;}


  .treatyContent{margin-top: 35px;}
  .treatyContent p{margin-bottom: 16px !important;}
  .featherBox{margin-top: 48px;}
  .borderFeather{bottom: -58px;height: 100px;width: 35px;}

  .topTreatyLinks{margin-top: 71px !important;}
  .treatyLinks{margin-top: 51px;padding-bottom: 20px;}
  .treatyLinks .buttonContainer{margin-bottom: 54px;}
  .treatyLinks .button{width: 216px;}
  .smallText{font-size: 16px !important;line-height: 26px !important;}

  .storyContent .infoBox{height: 555px !important;margin-bottom: 10px !important;}
  .storyContent .infoBoxContainer{margin-top: 61px !important;margin-bottom: 0px !important;}
  .storySubtitle{margin-top: 25px;}

  #solidarityContent{margin-top: 0px !important;}
  #solidarityContent .featherBox{margin-top: 0px;margin-bottom: 73px;}

  #fullSpanImageBox{width: 100%;max-width: 2600px;margin-top: 17px;margin-bottom: 48px;}
  #fullSpanImageBox div{width: 25%;}
  #fullSpanImageBox img{max-width: 100%;}
  .involvedTitle{margin-bottom: 17px !important;}
  .getInvolved .socialIcons{padding-top: 8px !important;padding-bottom: 45px;}

  #learnLinks{padding-top: 54px;margin-top: 47px;}

  #footer{padding-bottom: 18px;}
  #footerInfo{left: 80px;top: 75px;}
  #footerInfo p{font-size: 24px;line-height: 30px;}
  #footerInfo .marginRight{margin-right: 60px;}
  #footerMenu{height: 48px;top: 30px;width: 620px;}
  #footerMenu li, #footerSubmenu li{padding-right: 36px;}
  #footerMenu a{font-size: 21px;}
  #footerSubmenu{width: 87.6%;margin-top: 30px;padding-top: 30px;}
  .footerIcons{width: 90px;height: 35px;margin-top: 0px;}
}

@media screen and (min-width:811px) and (max-width:980px){
  #headerBtns{width: 260px;top: 62px;right: 50px;}
}

@media screen and (min-width:661px) and (max-width:880px){
  #facebookHead{right: 55px;}
  #twitterHead{right: 0px;}
  #headerBtns{width: 90px;top: 62px;right: 50px;}
}

@media screen and (min-width:821px) and (max-width:980px){
  #footer{height: 210px;}
}

@media screen and (min-width:661px) and (max-width:820px){
  #footer{height: 125px;}
}

@media screen and (min-width:411px) and (max-width:660px){

  h2{font-size: 42px;line-height: 50px;}
  h3{font-size: 22px;}

  .titleMargin{margin-top: 55px;}


  #headerBorder{height: 144px;}
  .container{width: 100%;height: 145px;}
  header{margin-left: -50%;width: 100%;height: 144px;}
  .borderBox{top: 140px;}
  #logo{width: 180px;margin-top: 36px;}

  #menuBtn, #activeMenuBtn{width: 34px;top: 57px;left: 50px;}

  .headerIcon{width: 35px;height: 35px;top: -8px;}
  #facebookHead{right: 55px;}
  #twitterHead{right: 0px;}
  #headerBtns{top: 62px;right: 50px;width: 90px;}

  nav{padding: 70px 0px;font-size: 16px;left: 0px;top: 142px;}
  nav li{padding-bottom: 13px;}
  nav li a, nav li{color: #fff;}
  nav ul{margin-left: 79px;margin-bottom: -15px;}
  .menuBorder{height: 20px;margin-bottom: 26px;padding-left: 20px;padding-right: 20px;}
  #sidebarIcons{width: 200px;height: 35px;margin-left: 78px;margin-top: 16px;}
  .sidebarIcon{width: 35px;height: 35px;margin-right: 20px;}

  .headerBtn{bottom: 38px;right: 160px;}
  #mainContent{;top: 180px;}

  .btnBox .buttonContainer{margin-right: 40px;}
  .btnBox .button{width: 161px;padding-left: 0px;padding-right: 0px;}
  .mainBtnBox{width: 370px;margin-top: 63px;margin-bottom: 10px;}

 
  #aboutSection{padding-bottom: 38px;}
  .aboutTitle{margin-bottom: 35px;margin-top: 82px;}

  .button{font-size: 14px;padding: 9px 12px;padding-bottom: 7px;}

  .mainTextColumn{width: 88%;padding-bottom: 28px;}
  .mainTextColumn p{font-size: 22px;}
  .mainTextColumn li{font-size: 22px;padding-bottom: 5px;}
  .mainTextColumn li .bullet{width: 7px;height: 16px;}

  .mainTextColumn .topTitle{padding-top: 80px;}

  .siteTitle{font-size: 48px;font-weight: 800;margin-top: 45px;line-height: 49px;margin-bottom: 3px;}
  .siteTitle2{font-size: 26px;font-weight: 400;line-height: 27px;margin-bottom: 55px;}
  .siteSubtitle{font-size: 32px !important;line-height: 47px;width: 100%;}

  #mapBox{margin-bottom: 55px;margin-top: 38px;}
  #mapFeather{bottom: -58px;height: 100px;width: 35px;}

  
  .infoBoxContainer{margin-top: 73px;margin-bottom: 12px;}
  .infoBox{width: 48%;height: auto !important;margin-bottom: 54px !important;}
  .infoImage{width: 100%;margin-bottom: 27px;}
  .infoImage img{max-width: 100%;}
  .infoBox h3{margin-bottom: 25px;}
  .infoBox p{font-size: 16px !important;line-height: 24px !important;}
  .infoBoxContainer .leftMargin, .eventContainer .leftMargin{margin-right: 4%;}
  .infoBoxContainer .bottomMargin{margin-bottom: 20px;}
  .infoBox .buttonContainer{margin-top: 55px;}
  .infoBoxContainer .bottomRow{margin-bottom: 16px !important;}
  .smallInfoBtns .button{margin-bottom: 13px;}

  .testimonial, .contactFormBox{padding-top: 87px;padding-bottom: 14px;}
  .testimonial h2{font-size: 32px !important;line-height: 47px !important;}
  .testimonial .info{font-size: 18px !important;width:80%;padding-top: 33px;line-height: 24px !important;}

  .eventContainer{margin-bottom: 66px;}
  .eventBox{width: 48%;}
  .eventBtnBox{width: 50%;padding-top: 30px;}
  .eventBtnBox .firstBtn{margin-right: 0px;}
  .eventBtnBox .buttonContainer{width: 100%;margin-bottom: 12px;}
  .eventBtnBox .button{width: 76%;display: block;font-size: 13px !important;}

  .socialIconBox .topTitle{padding-top: 53px;}
  .socialIconBox{padding-bottom: 70px;}
  .socialIcons{width: 456px;padding-top: 24px;height: 48px;}
  #socialIcons{width: 388px;}
  #followIcons{width: 116px;}
  .socialIcon{width: 48px;height: 48px;margin-right: 20px;}
  .followIconBox{padding-bottom: 44px;}


  .contactFormBox{padding-top: 56px;}
  .formSubtitle{margin-top: 34px;margin-bottom: 38px;}
  #formTable{width: 100%;}
  #formTable input, #formTable textarea{padding: 12px;font-size: 16px;}
  #formTable .shortInput{width: 90%;}
  #formTable .longInput{width: 90%;}
  #formTable textarea{width: 90%;height: 116px;}
  .inputMargin{margin-right: 20px;}
  #formTable label{font-size: 16px;}
  #formTable .label{padding-bottom: 16px;}
  #formTable .input{padding-bottom: 27px;}
  #submitBtn{margin-top: 27px;font-size: 16px;padding: 10px 40px;}

  #backToTop{width: 142px;margin-top: 25px;margin-bottom: 30px;}
  #backToTop .arrow{width: 24px;height: 12px;}
  #backToTopLink{font-size: 22px;padding-top: 20px;}


  .treatyContent{margin-top: 35px;}
  .featherBox{margin-top: 62px;}
  .borderFeather{bottom: -58px;height: 100px;width: 35px;}

  .treatyLinks{margin-top: 75px;}
  .treatyLinks .buttonContainer{margin-bottom: 50px;}
  .treatyLinks .button{width: 216px;}
  .treatyLinks p{margin-bottom: 11px !important;}
  .smallText{font-size: 16px !important;line-height: 26px !important;}
  #treatyContent{padding-bottom: 53px;}

  .storyContent .infoBox{height: auto !important;}
  .storyContent .infoBoxContainer{margin-top: 78px !important;margin-bottom: 0px !important;}
  .storySubtitle{margin-top: 13px;}

  #solidarityContent{margin-top: 0px !important;padding-bottom: 52px;}
  #solidarityContent .featherBox{margin-top: 0px;margin-bottom: 93px;}

  #fullSpanImageBox{width: 100%;max-width: 2600px;margin-top: 34px;margin-bottom: 48px;}
  #fullSpanImageBox div{width: 50%;}
  #fullSpanImageBox img{max-width: 100%;}
  .involvedTitle{margin-bottom: 17px !important;}
  .getInvolved .socialIcons{padding-top: 8px !important;padding-bottom: 32px;}

  #learnLinks{padding-top: 44px;margin-top: 37px;}
  .learnTitle{margin-bottom: 40px;}

  #footer{height: 96px;}
  .footerIcons{width: 90px;height: 35px;padding-top: 41px;}
}

@media screen and (min-width:0px) and (max-width:540px){
  .headerIcon{width: 24px;height: 24px;top: -8px;}

  .socialIconBox{padding-bottom: 34px;}
  .socialIcons{width: 220px;padding-top: 4px;height: 106px;}
  #socialIcons{width: 128px;}
  #followIcons{width: 82px;height: 40px;}
  .followIconBox{padding-bottom: 38px !important;}
  .socialIcon{width: 36px;height: 36px;margin-right: 10px;}
  .smallIconRemoveMargin{margin-right: 0px !important;}
  .smallIconPadding{margin-left: 0px;}
  .smallIconTopMargin{margin-top: 10px !important;}
  .socialIconBox h2{padding-bottom: 22px !important;}
}

@media screen and (min-width:0px) and (max-width:410px){
  h2{font-size: 30px;line-height: 29px;}
  h3{font-size: 22px;}
  p{line-height: 31px;}

  .titleMargin{margin-top: 41px;}


  #headerBorder{height: 68px;}
  .container{height: 0px;width: 100%;}
  header{margin-left: -50%;width: 100%;height: 68px;}
  .borderBox{top: 65px;}
  #logo{width: 90px;margin-top: 22px;}

  #menuBtn, #activeMenuBtn{height: 16px;width: 24px;top: 28px;left: 20px;}

  .headerIcon{width: 24px;height: 24px;top: -8px;}
  #facebookHead{right: 34px;}
  #twitterHead{right: 0px;}
  #headerBtns{top: 32px;right: 20px;width: 90px;}

  nav{padding: 70px 0px;font-size: 16px;left: 0px;top: 67px;}
  nav li{padding-bottom: 13px;}
  nav li a, nav li{color: #fff;}
  nav ul{margin-left: 79px;margin-bottom: -15px;}
  .menuBorder{height: 20px;margin-bottom: 26px;padding-left: 20px;padding-right: 20px;}
  #sidebarIcons{width: 200px;height: 35px;margin-left: 78px;margin-top: 16px;}
  .sidebarIcon{width: 35px;height: 35px;margin-right: 20px;}

  .headerBtn{bottom: 38px;right: 160px;}
  #mainContent{top: 180px;}

  .btnBox .buttonContainer{margin-right: 0px;margin-bottom: 13px;}
  .btnBox .button{width: 176px;padding-left: 0px;padding-right: 0px;}
  .mainBtnBox{width: 180px;margin-top: 23px;margin-bottom: 10px;}

  #aboutSection{padding-bottom: 38px;}
  .aboutTitle{margin-bottom: 20px;margin-top: 50px;}
 
  .button{font-size: 14px;padding: 9px 12px;padding-bottom: 7px;}

  .mainTextColumn{width: 88%;padding-bottom: 28px;}
  .mainTextColumn p{font-size: 18px;}
  .mainTextColumn li{font-size: 18px;padding-bottom: 0px;line-height: 35px;}
  .mainTextColumn li .bullet{width: 7px;height: 16px;}

  .mainTextColumn .topTitle{padding-top: 41px;padding-bottom: 17px;}

  .siteTitle{font-size: 28px;font-weight: 800;margin-top: 64px;line-height: 17px;margin-bottom: -7px;}
  .siteTitle2{font-size: 16px;font-weight: 400;margin-bottom: 12px;}
  .siteSubtitle{font-size: 18px !important;line-height: 28px;width: 100%;}

  #mapBox{margin-bottom: 30px;margin-top: 4px;}
  #mapFeather{bottom: -23px;height: 42px;width: 18px;}


  .infoBoxContainer{margin-top: 50px;margin-bottom: 14px;}
  .infoBox{width: 100%;height: 580px;height: auto !important;margin-bottom: 10px !important;}
  .infoImage{width: 100%;margin-bottom: 28px;}
  .infoImage img{max-width: 100%;}
  .infoBox h3{margin-bottom: 23px;}
  .infoBox p{font-size: 16px !important;line-height: 24px !important;}
  .infoBoxContainer .leftMargin, .eventContainer .leftMargin{margin-right: 0px;}
  .infoBox .buttonContainer{margin-top: 55px;}
  .smallInfoBtns .button{margin-bottom: 13px;}

  .testimonial, .contactFormBox{padding-top: 53px;padding-bottom: 14px;}
  .testimonial h2{font-size: 26px !important;line-height: 37px !important;}
  .testimonial .info{margin-top: 10px;font-size: 16px !important;width: 100%;padding-top: 33px;line-height: 24px !important;}

  .eventContainer{padding-top: 2px;margin-bottom: 0px;}
  .eventBox{width: 100%;}
  .eventBtnBox{width: 128px;padding-top: 30px;margin-bottom: 60px;}
  .eventBtnBox .button{display: block;width: 100px;}
  .eventBtnBox .firstBtn{margin-right: 18px;}
  .secondEventBox{margin-bottom: 55px;}
  .eventContainer .topMargin{margin-top: 0px;}

  .socialIconBox{padding-bottom: 34px;}
  .socialIcons{width: 220px;padding-top: 4px;height: 106px;}
  #socialIcons{width: 128px;}
  .firstIcon{padding-left: 20px;}
  #followIcons{width: 82px;height: 40px;}
  .followIconBox{padding-bottom: 22px !important;}
  .socialIcon{width: 36px;height: 36px;margin-right: 10px;}
  .smallIconRemoveMargin{margin-right: 0px !important;}
  .smallIconPadding{margin-left: 0px;}
  .smallIconTopMargin{margin-top: 10px !important;}
  .socialIconBox h2{padding-bottom: 22px !important;}

  .formSubtitle{margin-top: 25px;margin-bottom: 38px;font-size: 16px !important;line-height: 23px !important;}
  #formTable{width: 100%;}
  #formTable input, #formTable textarea{padding: 12px;font-size: 16px;}
  #formTable .shortInput{width: 90%;}
  #formTable .longInput{width: 90%;}
  #formTable textarea{width: 90%;height: 116px;}
  .inputMargin{margin-right: 20px;}
  #formTable label{font-size: 16px;}
  #formTable .label{padding-bottom: 16px;}
  #formTable .input{padding-bottom: 27px;}
  #submitBtn{margin-top: 27px;font-size: 16px;padding: 10px 40px;}

  #backToTop{width: 117px;margin-top: 25px;margin-bottom: 25px;}
  #backToTop .arrow{width: 24px;height: 12px;}
  #backToTopLink{font-size: 18px;padding-top: 20px;}


  .treatyContent{margin-top: 75px;}
  .featherBox{margin-top: 40px;}
  .borderFeather{bottom: -23px;height: 42px;width: 18px;}

  .topTreatyLinks{margin-top: 57px !important;}
  .treatyLinks{margin-top: 18px;}
  .treatyLinks p{margin-bottom: 20px;}
  .treatyLinks .buttonContainer{margin-bottom: 34px;}
  .treatyLinks .button{width: 216px;}
  .smallText{font-size: 16px !important;line-height: 26px !important;}

  .storyContent .infoBox{height: auto !important;}
  .storyContent .infoBoxContainer{margin-top: 36px !important;margin-bottom: 0px !important;}
  .storySubtitle{margin-top: 25px;}

  #solidarityContent{margin-top: 9px !important;}
  #solidarityContent .featherBox{margin-top: 0px;margin-bottom: 43px;}

  #fullSpanImageBox{width: 100%;max-width: 2600px;margin-top: 14px;margin-bottom: 48px;}
  #fullSpanImageBox div{width: 50%;}
  #fullSpanImageBox img{max-width: 100%;}
  .involvedTitle{margin-bottom: 17px !important;}
  .getInvolved .socialIcons{padding-top: 8px !important;padding-bottom: 0px;}

  .learnContent{padding-bottom: 0px !important;}
  #learnLinks{padding-top: 53px;margin-top: 41px;}
  #learnLinks .buttonContainer{margin-right: 10%;width: 44%;margin-bottom: 37px;}
  #learnLinks .button{width: 100%;font-size: 12px;padding: 9px 0px;}
  .learnTitle{margin-bottom: 20px;}
  .noMarginsAtSmall{margin: 0px !important;}

  #footer{height: 72px;}
  .footerIcons{width: 80px;height: 35px;padding-top: 26px;}
  .footerIcons .sidebarIcon{margin-right: 10px;}
  .footerIcons .noMargin{margin-right: 0px !important;}
}