/*----------------------------------------------------
 General Styles 
 -----------------------------------------------------*/

html, body {
  max-width: 100%;
  overflow-x: hidden;
  background-color: #ffffff;
}


body {
  margin: 0;
  padding: 0;
  width: 100%;
}


h1 {
  font-family: "Arvo";
  font-weight: normal;
  font-size: 55px;
  text-align: center;
  color: #fff;
  margin: 0;
  padding: 0;

}

h2 {
 font-family: "Arvo";
 font-weight: normal;
 font-size: 40px;
 text-align: center;
 color: #fff;
 margin: 0;
 padding: 0;

}


h3 {
 font-family: "Oswald";
 font-weight: normal;
 font-size: 16px;
 text-align: center;
 margin: 5px 0;
 padding: 0;
 z-index: 1;
 position: relative;

}


/*-----------------------------------------------------
 Position Styles 
 ------------------------------------------------------*/
.center { margin: 0 auto; }
.content { margin: 0 auto; width: 960px; }
.clear { clear: both; }


/*----------------------------------------------------
 Header Styles 
 -----------------------------------------------------*/

#header {
  width: 100%;
  background: url('../img/header-bg.png');
  height: 80px;
}


/*---------------------------------------------------
 Navbar Styles 
 ----------------------------------------------------*/

nav.navbar {
  border: none;
  background-color: #ffffff;
  color: #d41c25;
}

.navbar.navbar-default>.container {
  margin-top: 50px;
  width: 90%;
}

.navbar-brand {
  width: 212px;
  height: 208px;
  max-width: 212px;
  max-height: 208px;
  z-index: 5;
  position: absolute;
  margin-top: -50px;
}

.navbar-brand>img {
  width: 100%;
}


ul.nav.navbar-nav.navbar-right {
  padding-left: 150px;
  color: #d41c25;
}

ul.nav{
  list-style: none;
  display: block;
  margin: 0 auto;
  list-style: none;
}

ul.nav li{
  margin-top: 9px;
  float: left;
  color: #d41c25;
}

ul.nav li a { 
  color: #fff; 
  opacity:0.6; 
  font-size: 13px; 
  text-decoration: none; 
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  color: #d41c25 !important;
  text-transform: uppercase;
}

ul.nav li a.active { 
  color: #000000 !important; 
  opacity:1; 
  border-bottom: 2px solid #fff; 
}

ul.nav li a:hover { 
  color: #d41c25 !important; 
  opacity:1;  
}

/*---------------------------------------------------
 Home Page Carousel Styles 
 ----------------------------------------------------*/

.slide-row {overflow: hidden; width: 100%; background-size:cover; min-height:inherit; }
.flexslider {max-width: 1280px; width: 1280px; margin: 0 auto; position: relative; }
.content {background: #f2f2f2; max-width: 800px; display: block; margin: 0 auto; }
.flex-viewport {overflow: visible !important; }


.flexslider .slides li {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.4;
}

.flexslider .slides li.flex-active-slide {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
}


/*---------------------------------------------------
 Quotes Styles 
 ----------------------------------------------------*/

blockquote {
  font-family: 'Crimson Text', serif;
  font-weight: 400;
  font-size: 22px;
  text-align: center;
  vertical-align: middle;
  line-height: 24px;
  margin: 40px 20px;
  text-indent: 23px;
  border-left: none;
  border-right: none;
}

blockquote.president {
  font-family: 'Crimson Text', serif;
  font-weight: 400;
  font-size: 20px;
  text-align: left;
  line-height: 24px;
  float: left;
  padding-top: 0;
  margin-top: 0;
  /*margin: 40px 20px;*/
  text-indent: 0;
  border-left: none;
  border-right: none;
  padding-left: 0;
  margin-left: 0;
}


blockquote.president:after {
  content: url(../img/close-quote.png);
  margin-right: 10px;
}

.president-image {
  padding: 20px; 
  padding-left: 40px;
}


/*-----------------------------------------------------
 Section Styles 
 ------------------------------------------------------*/

#slide1, #slide2, #contactslide { 
  width: 100%; 

}

#slide1 {
  color: #fff;
  margin: 0;
  background-size: cover;

}


#slide1 .container {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  min-height: 500px;
}


#slide2 {
  background: url(../img/backgrounds/mission.png) no-repeat center;
  background-size: cover;
  color: #ffffff;
  min-height: 150px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 0;
}

#slide2-events {
  background: url(../img/backgrounds/events.png) no-repeat center;
  background-size: cover;
  min-height: 150px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 0;
}

#slide2-projects {
  background: url(../img/backgrounds/projects.png) no-repeat center;
  background-size: cover;
  min-height: 150px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 0;
}


#slide2-about {
  background: url(../img/backgrounds/about.png) no-repeat center;
  background-size: cover;
  min-height: 150px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 0;
}
#slide2-friends {
  background: url(../img/backgrounds/friends.png) no-repeat center;
  background-size: cover;
  min-height: 150px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 0;
}

#slide2-contact {
  background: url(../img/backgrounds/contact.png) no-repeat center;
  background-size: cover;
  min-height: 150px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 0;
}

#slide2-gallery {
  background: url(../img/backgrounds/gallery.png) no-repeat center;
  background-size: cover;
  min-height: 150px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 0;
}

#slide2-news {
  background: url(../img/backgrounds/news.png) no-repeat center;
  background-size: cover;
  min-height: 150px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 0;
}

#mapslide {
  width: 100%;
}

#mapslide>.container {
  width: 70%;
  margin: 0 auto;
}


#contact-us-map>iframe {
  min-width: 100%;
  height: auto;
}

#nav-slide {
  background: #00aeef;
  color: #ffffff;
  text-align: center;
  padding: 20px;
}

#nav-slide-gallery {
  color: #ffffff;
  text-align: center;
  padding: 20px;
}

#nav-slide a {
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-size: 22px;
  padding-left: 10px;
  padding-right: 10px;
}

#nav-slide a.selected {
  color: #000000;
  text-decoration: none;
}

#nav-slide a:hover {
  color: #000000;
  text-decoration: none;
}

.pipe::after {
  font-size: 22px;
  content: "|";
}

#slide3 {
  min-height: 400px;
  padding: 50px 0 10px 0;
  padding-left: 20px;
  padding-right: 40px;
  margin-left: 20px;
}

#news-slide {
  padding: 50px 50px 10px -10px;
  padding-top: 30px;
  /*padding-left: 0;
  padding-right: 0;*/
}


#news-slide .row {
  padding: 5%;
  padding-bottom: 0;
}

#news-slide h2 {
  font-family: 'Montserrat', sans-serif;
  color: #000000;
  text-align: left;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

#news-slide h3 {
  font-family: 'Crimson Text', serif;
  color: #000000;
  font-weight: bold;
  text-align: left;
  font-size: 15px;
}

.update-section {
  border-bottom: 2px solid #C5161D;
  padding: 10px;
}

#news-slide p {
  /*padding-left: 10px;*/
  text-align: left;
  padding-right: 10px;
  font-family: 'Crimson Text', serif;
  font-size: 15px;
}

#slide3 p {
  font-family: 'Crimson Text', serif;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  padding: 40px;
}

ul.about-list li {
  color: #000000 !important;
  font-family: 'Crimson Text', serif;
  font-size: 22px;
}

ul.board-list li {
  color: #000000 !important;
  font-family: 'Crimson Text', serif;
  font-size: 22px;
  text-align: center;
  list-style-type: none;
}

#slide4 {
  background-color: #fff;
  color: #333333;
  min-height: 300px;
  padding: 10px 0;
}

#slide4-testimonials {
  font-family: 'Crimson Text', serif;
  background-color: #00aeef;
  color: #ffffff;
  min-height: 300px;
  padding: 20px 0;
  margin-top: 80px;
}

#slide4>.container {
  width: 100%;
}

#slide4-testimonials>.container {
  width: 80%;
}

#slide4>.container>.row, #slide4-testimonials>.container>.row {
  width: 100%;
  display: block;
  float: left;
}

#slide5 {
  background: url(../img/backgrounds/seek-quote.png) no-repeat center fixed;
  min-height: 150px;
  margin: 0 auto;
  padding: 40px 0;
  color: #fff;
  background-size: cover;
}

#slide5 p {
  font-family: 'Crimson Text', serif;
  text-align: left;
  font-size: 25px;
  font-weight: 500;
  color: #ffffff;
  line-height: 28px;
  padding: 0 10px;
}

#slide5>.container {
  width: 82%;
}

#slide5>.container>.row {
  width: 100%;
}

#slide6 {
  background: url(../img/backgrounds/president-bkg.png) repeat center;
  color: #fff;
  min-height: 600px;
  padding: 30px 0;
}

#slide6>.container {
  width: 80%;
}


#slide6>.container>.row {
  width: 100%;
}

#footer {
  background-color: #000000;
  color: #fff;
  height: 100%;
  border-top: 4px solid #fff;
  padding: 30px 0;
}

.fancy-a {
  padding-left: 10px;
  padding-right: 10px;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

.seperator:after {
  content: "•";
}

a:hover.fancy-a{
  color: #d41c25;
  text-decoration: underline;
}

.footer-text {
  font-family: 'Montserrat', sans-serif;
  font-weight: normal;
  text-align: center;
  color: #ffffff;
  font-size: 13px;
  line-height: 24px;
}

.footer-social {
  font-size: 30px;
  color: white;
}

h2.foot-header {
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  text-align: left;
}

#mission-text>blockquote {
  margin-top: 10px;
  margin-bottom: 10px;
}

/*-----------------------------------------------
 Contact Styles 
 ------------------------------------------------*/

.contact-us-details {
  font-family: 'Crimson Text', serif;
  color: #000000;
  font-size: 22px;
  line-height: 32px;
}

.contact-us-details a {
  color: #000000;
}

.contact-us-details i {
  font-size: 50px;
  color: #c5161d;
}

/*-----------------------------------------------
 Gallery List Styles 
 ------------------------------------------------*/

#galleryslide {
  color: #fff;
  background: #fff;
  padding: 50px 0 10px 0;
  min-height: 400px;
}

#galleryslide>.container {
  width: 70%;
}

#galleryslide>.container>.row {
  width: 100%;
	margin-bottom:18px;
}

.gallery-tile {
  height: 350px;
  margin: 0;
  padding-right: 0;
  float: left;
	overflow:hidden;
}

.tile-item {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.tile-image img {
  width: 100%;
}

.tile-image {
    display: block;
    width: 100%;
    overflow: hidden;
    max-height: 300px;
}

.tile-caption {
  font-family: 'Montserrat', sans-serif;
  bottom: 0;
  color: white;
  font-size: 3em;
  background: rgba(146, 39, 143, 0.7);
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 1em 3em;
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  text-transform: uppercase;
  -webkit-transition: 0.6s;
  transition: 0.6s;

}


.tile-caption:hover { opacity: 1; }

.tile-caption:after,

.tile-caption:before {

  /*border: 1px solid rgba(255, 255, 255, 0.7);*/

  bottom: 1em;

  content: '';

  left: 1em;

  opacity: 0;

  position: absolute;

  right: 1em;

  top: 1em;

  -webkit-transform: scale(2);

  -ms-transform: scale(2);

  transform: scale(2);

  -webkit-transition: 0.6s 0.2s;

  transition: 0.6s 0.2s;

}



.tile-caption:before {

  border-bottom: none;

  border-top: none;

  left: 2em;

  right: 2em;

}



.tile-caption:after {

  border-left: none;

  border-right: none;

  bottom: 2em;

  top: 2em;

}



.tile-caption:hover:after,

.tile-caption:hover:before {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  opacity: 1;

}



.tile-caption h2 { margin-top: 0; }



.tile-caption h3 { font-family: 'Montserrat', sans-serif; padding-top: 1.5em; font-size: 18px; }

.tile-caption h3 a { color: #fff; }





/*-----------------------------------------------

 Event Styles 

 -----------------------------------------------*/

 #eventslide {

    color: #fff;

    background: #fff;

    padding: 50px 0 0 0;

 }



#eventslide>.container {

  width: 70%;

  /*margin: 0 auto;*/

}



#eventslide>.container>.row {

  width: 100%;

}



.event-item {

    width: 100%;

    margin: 20px;

    color: #ffffff;

    padding-left: 0;
	

 }

.event-item > .event-img {

    overflow:hidden;
	
	max-height:227px;	

 }



 #eventslide.events .event-item {

  background: #39b54a;

 }



 #eventslide.projects .event-item {

  background: #f7941d;

 }



 .event-item h3 {

    padding-top: 10px;

    padding-bottom: 10px;

   font-family: 'Montserrat', sans-serif;

   font-size: 21px;

   text-transform: uppercase;

   font-weight: 400;

 }



 .event-item p {

    color: #ffffff !important;

    text-align: left !important;

    font-size: 18px !important;

    font-family: 'Montserrat', serif;

 }



 .event-details {

  padding: 10px;

  min-height: 280px;

 }



 #eventslide>.container>.row>.event-item>.event-img {

  padding-right: 0;

  height: 200px;

  max-height: 200px;

  margin-bottom: 10px;

 }



 .event-item>.event-img img {

  width: 100%;

  height: 100%;

 }





 #eventslide>.container>.row>.event-item>.event-bar {

  width: 100%;

  padding-right: 0;

  height: 50px;

  min-height: 50px;

  padding-right: 5px;

  margin: 0;

  text-align: right;

 }



 #eventslide.events .event-bar {

  

  background: #006d23;

 }



 #eventslide.projects .event-bar {

  background: #f76f19;

 }



 .event-bar .icons-left {

  text-align: left; 

  float: left;

  padding-top: 5px; 

  padding-left: 2px;

 }



 .event-bar .icons-right {

  text-align: right;

  padding-right: 3px;

 }





 /*---------------------------------------------

  Gallery Styles 

  ----------------------------------------------*/

  ul#gallery-holder {

    background-color: #fff;

    display: inline-block;

    /*min-height: 400px;*/

    width: 100%;

    list-style: none;

    overflow: hidden;

    padding-left: 0;

    margin-top: 5px;

   /* margin: 20px 0;*/

  }



  ul#gallery-holder li {

    /*display: inline-block;*/

    width: 30%;

    max-height: 20px;

    height: 20px;

    min-height: 20px;

    float: left;

    /*position: relative;*/

    padding-bottom: 15%;

    margin-bottom: 20px;

    margin-left: 3px;

    margin-right: 3px;

    overflow: hidden;

   /* margin: 5px;*/

  }



  ul#gallery-holder li a {

    left: 10px;

    right: 10px;

    top: 10px;

    bottom: 10px;

    overflow: hidden;

  }



   ul#gallery-holder li a img {

    width: 100%;

  }





  #galleryslide {

    color: #fff;

    background: #fff;

    padding: 50px 0 0 0;

  }



  .wrap {

     overflow: hidden;

     margin: 10px;

  }

  

  .box {

     float: left;

     position: relative;

     width: 33.3333%;

     padding-bottom: 20%;

  }

  

  .boxInner {

     position: absolute;

     left: 10px;

     right: 10px;

     top: 10px;

     bottom: 10px;

     overflow: hidden;

  }

  

  .boxInner img {

     width: 100%;

  }

  

  .boxInner .titleBox {

     position: absolute;

     bottom: 0;

     left: 0;

     right: 0;

     margin-bottom: -50px;

     background: #000;

     background: rgba(0, 0, 0, 0.5);

     color: #FFF;

     padding: 10px;

     text-align: center;

     -webkit-transition: all 0.3s ease-out;

     -moz-transition: all 0.3s ease-out;

     -o-transition: all 0.3s ease-out;

     transition: all 0.3s ease-out;

  }





/*----------------------------------------------

 Speech Modal Styles 

 -----------------------------------------------*/



.modal {

  color: #000000;

}



.panel-heading.event-heading {

  color: #ffffff;

  background-color: #39b54a;

}



/*----------------------------------------------

 News Styles 

 -----------------------------------------------*/

.caption {

  position: absolute;

  background: #ec008c;

  opacity: 0.7;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 30%;

  padding: 5%;

  color: #fff;

}



.caption h3 {

  font-family: 'Montserrat', sans-serif;

  font-size: 18px;

}


/*----------------------------------------------
 Project Details Styles 
 -----------------------------------------------*/

.project-tabs ul.nav-tabs {

  margin-bottom: 0;

  border-bottom: none;

}



.project-tabs ul.nav-tabs li {

    margin-right: 0;

    padding-right: 0;

    padding-left: 0;

    margin-left: 0;

    /*background: #f76f19;*/

}



.project-tabs ul.nav-tabs li a {

  color: #ffffff !important;

  background: #f76f19;

  opacity: 1;

  padding-top: 2px;

  padding-bottom: 2px;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

}



.project-tabs ul.nav-tabs li.active a {

    /*border-top: 3px solid #49c8ff;

    border-radius: 2px;*/

    background: #f7941d;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;



}



.project-tabs ul.nav-tabs li.active:hover a {

  background: #f7941d;

}



.project-tabs ul.nav-tabs li:hover a {

    background: #f7941d;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    border: none;

    /*border-top: 3px solid #49c8ff;*/

}





.project-tabs .tab-content p {

  font-family: 'Crimson Text', serif;

  text-align: left;

  font-size: 18px;

  font-weight: 500;

  color: #000000;

  padding-right: 60px;

}



.project-tabs .tab-content .tab-pane {

  margin-top: 30px;

}



#banner-area {

  margin-top: 30px;

  display: inline-block;

  height: 250px;

}



#banner-area h2 {

      z-index: 100;
    position: absolute;
    margin-top: -150px;
    margin-left: 60px;
    color: #ffffff !important;
    width: 50%;
    text-align: left;
    max-width: 1170px;

}



#banner-area .overlay { 

  position: absolute; 

  width: 1170px;

  height: 250px;

  max-height: 250px;

  background-color: #000000;

  opacity: 0.3;

  filter: alpha(opacity=30); 

  z-index: 50; 

  margin-top: -250px;

}


/*----------------------------------------------
 Navigation Tiles 
 -----------------------------------------------*/
.nav-row {
  padding-left: 20px;
}

.tile{
  width: 20%;
  max-height: 300px;
  margin: 0;
  padding-right: 0;
  float: left;
  padding-left: 0;
}

.nav-tile {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 100%;
}

.nav-tileImage { display: block; width: 100%; }

.nav-tileImage img {
  width: 100%;
}

.nav-tileCaption {
  font-family: 'Montserrat', sans-serif;
  bottom: 0;
  color: white;
  font-size: 1em;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 3em 3em;
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  width: 100%;
}

.nav-tileCaption.blue {
  background: rgba(41, 128, 185, 0.7);
}

.nav-tileCaption.green {
  background: rgba(51, 181, 74, 0.7);
}

.nav-tileCaption.orange {
  background: rgba(247, 148, 25, 0.7);
}

.nav-tileCaption.purple {
  background: rgba(146, 39, 143, 0.7);
}

.nav-tileCaption.pink {
  background: rgba(236, 0, 140, 0.7);
}

.nav-tileCaption:hover { opacity: 1; }
.nav-tileCaption:after,
.nav-tileCaption:before {
  bottom: 1em;
  content: '';
  left: 1em;
  opacity: 0;
  position: absolute;
  right: 1em;
  top: 1em;
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  -webkit-transition: 0.6s 0.2s;
  transition: 0.6s 0.2s;
}

.nav-tileCaption:before {
  border-bottom: none;
  border-top: none;
  left: 2em;
  right: 2em;
}

.nav-tileCaption:after {
  border-left: none;
  border-right: none;
  bottom: 2em;
  top: 2em;
}

.nav-tileCaption:hover:after,
.nav-tileCaption:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.nav-tileCaption h2 { margin-top: 0; }
.nav-tileCaption h3 { font-family: 'Montserrat', sans-serif; padding-top: 1.5em; font-size: 18px; }
.nav-tileCaption h3 a { color: #fff; }


/*----------------------------------------------
 Testimonials Styles 
 -----------------------------------------------*/

#fade-quote-carousel.carousel {
  padding-bottom: 60px;
}

#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}

#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}

#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}

#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #ebebeb;
  border: none;
}

#fade-quote-carousel.carousel .carousel-indicators > li.active {
  background-color: #ffffff;
  border: none;
}

#fade-quote-carousel blockquote {
  text-align: center;
  border: none;
  line-height: 35px;
  font-family: 'Crimson Text', serif;
}

#fade-quote-carousel .profile-circle {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 100px;
}

#fade-quote-carousel .profile-circle.gillian {
  background: url(../img/people/gillian_thumb.png);
}

#fade-quote-carousel .profile-circle.shaka {
  background: url(../img/people/shaka_thumb.png);
}


/*----------------------------------------------

 Pagination Styles 

 -----------------------------------------------*/

.pagination ul > li > a, .pagination ul > li > span {

  color: #9d9d9d;

  border:none;

}



.pagination ul > li.active > span {

  background-color: #f7941d !important;

}



.pagination ul > li > a:hover {

  color: #9d9d9d;

  

}





/*----------------------------------------------
 Miscellaneous 
 -----------------------------------------------*/

.top-border {
  width: 100%;
  background: url(../img/backgrounds/border-bkg.png) repeat-x center;
  height: 90px;
  text-align: center;
  margin: 0 auto;
 }

.button-container {
  width: 100%;
  text-align: center;
}

.button-link {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-size: 22px;
  display: inline-block;
  width: 100%;
  padding: 10px 15px;
  color: #FFF;
}

.button-link:hover {
  color: #ffffff;
}

.button-link.donate {
  width: 160px;
  font-size: 15px;
  background: #d41c25;
}

.about {
  background: #00aeef;
}

.events {
  background: #39b54a;
}

.projects {
  background: #f7941d;
}

.gallery {
  background: #92278f;
}

.news {
  background: #ec008c;
}

.aboutTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 26px;
  text-transform: uppercase;
  /*line-height: 37px;*/
  font-weight: bold;
  color: #00aeef;
}

.galleryTitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 26px;
  text-transform: uppercase;
  font-weight: bold;
  color: #92278f;
}

.aboutSubTitle {

  font-family: 'Open Sans', sans-serif;

  font-size: 24px;

  color: #666666;



}



.contactTitle {

  font-family: 'Montserrat', sans-serif;

  font-size: 24px;

  color: #c5161d;

}



.presidentTitle {

  font-family: 'Montserrat', sans-serif;

  font-size: 26px;

  text-transform: uppercase;

  line-height: 37px;

  font-weight: normal;

  padding: 20px;

}



.titleBorder {

  border-bottom: 4px solid #ffffff;
    padding-top: 25px;
    margin: 0 auto;


}



.spacer {

  margin: 50px;

}





.speech-icon {

  width: 20px;

  height: 20px;

  /*background: url(../img/speech-ico.png);*/

  color: #fff;

}



.gallery-icon {

  width: 20px;

  height: 20px;

  /*background: url(../img/gallery-ico.png);*/

  color: #fff;

}



.section-header {

  width: 100%;

  height: 30px;

  background: #f7941d;

  margin-top: 10px;

  display: inline-block;

  color: #ffffff;



  font-family: 'Montserrat', sans-serif;

  font-weight: bold;

  font-size: 16px;

  text-transform: uppercase;

  padding-top: 2px;

  padding-bottom: 2px;

  padding-left: 5px;

}



.hide {

  display: none;

}



strong {

  font-weight: bold;

}



.control-label {

  font-family: 'Crimson Text', serif;

  color: #000000;

  font-size: 18px;

  text-align: left;

}



.readmore {

  float: right;

  color: #000000;

  font-family: 'Crimson Text', sans-serif;

  font-weight: bold;

  font-size: 20px;

  line-height: 24px;

  display: inline-block;

}



.readmore img {

  min-height: 100% !important;

  vertical-align: middle;

  padding-bottom: 8px;

}



.form-horizontal {

  padding: 20px;

}

.feat-wrap {
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
}

.feat-wrap img {
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
}