/* GLOBAL STYLES
    -------------------------------------------------- */
    /* Padding below the footer and lighter body text */

    body {
      padding-bottom: 40px;
      color: #5a5a5a;
    }

    .center {
      float: none !important;
      margin: 0px auto;
    }
    
    #LogoContainerTrans {
      position: absolute;
      top: 0;
      left: 0px;
      right: 0;
      z-index: 10;

      height: 174px;
      
      
      background-color: #1d4327;
      
    }
    
    .logo-left {
      z-index: 10;
      width: 30%;
      float: left;
    }
    .logo-left h1 {
      font-weight: bold;
      font-size: 35px;
      margin-top: 79px;

      color: #f7d358;
      text-align: center;
      opacity: 0.5;
    }

    .logo-right {
      z-index: 10;
      width: 30%;
      float: right;
    }
    .logo-right h2 {
      /*font-family: serif;*/
      font-size: 25px;
      margin-top: 79px;

      color: #f7d358;
      opacity: 0.5;
    }
    .logo-right i {
      color: #f7d358;
      opacity: 0.5;
    }
        
    .logo-mid {
      width: 30%;
      text-align: center;
      float: left;
       
    }
    .logo-mid .logo-img {
      height: 160px;
    }
    .logo-small {
      width: 100px;
      opacity: 0.5;
      margin-top: 51px;
    }

    /* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */

    /* Special class on .container surrounding .navbar, used for positioning it into place. */
    .navbar-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 10;
/*      margin-top: 120px;*/
      margin-top: 195px;
      margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
    }
    .navbar-wrapper .navbar {

    }

    /* Remove border and change up box shadow for more contrast */
    .navbar .navbar-inner {
      height: 67px;
      border: 0;
      -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
         -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
              box-shadow: 0 2px 10px rgba(0,0,0,.25);
    }
    .navbar .navbar-inner.black {
          background-image: linear-gradient(to bottom, #525252, #001506);
    }
    .navbar .navbar-inner.green {
          background-image: linear-gradient(to bottom, #467552, #001506);
    }
    


    /* Downsize the brand/project name a bit */
    .navbar .brand {
      padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
      font-size: 16px;
      font-weight: bold;
      text-shadow: 0 -1px 0 rgba(0,0,0,.5);
    }

    .navbar .nav {
      width: 100%;
    }

    /* Navbar links: increase padding for taller navbar */
    .navbar .nav > li > a {
      padding: 15px 20px;
    }

    /* Offset the responsive button for proper vertical alignment */
    .navbar .btn-navbar {
      margin-top: 5px;
    }

    .navbar .search-container {
      float: right !important;
    }
    .navbar .search-container .search {
      margin-top: 10px;
    }
    


    


    /* MARKETING CONTENT
    -------------------------------------------------- */

    /* Center align the text within the three columns below the carousel */
    /*.marketing .span4 {
      text-align: center;
    }*/
    .marketing {
      margin-top: 259px;  
    }
    .marketing.home-bg {
    	/*bg img at bottom*/
    	background-image: url(../images/gallery/158th-bday3.jpg);
        background-size: 700px;
        background-repeat: no-repeat;
        background-position-x: 100%;
        background-position-y: 76%;
    }
    .marketing h2 {
      font-weight: normal;
      color:#225322;
    }
    .marketing .span4 p {
/*      margin-left: 10px;*/
      margin-right: 10px;
    }
    .marketing .intro-text {
      /*background: -webkit-linear-gradient(#1d4327,white);*/
          background: rgba(29, 67, 39, 0.05);
      margin-top: -17px;
    }
    .marketing .intro-text h3 {
      width: 58%;
      margin-left: 10px;

    }
    .marketing.about-bg {
    	/*bg img at bottom*/
    	background-image: url(../images/gallery/158th-bday8.jpg);
        background-size: 700px;
        background-repeat: no-repeat;
        background-position-x: 100%;
        background-position-y: 76%;
    }
    .img-rounded {
    	/*border: 10px solid;*/
    	margin-bottom: 10px;
    	text-align: center;
    }



    /* Featurettes
    ------------------------- */

    .featurette-divider {
      margin: 40px 0 0 0; /* Space out the Bootstrap <hr> more */
    }
    .featurette {
      padding-top: 60px; /* Vertically center images part 1: add padding above and below text. */
      overflow: hidden; /* Vertically center images part 2: clear their floats. */
    }
    .featurette-image {
      margin-top: 0px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
    }

    /* Give some space on the sides of the floated elements so text doesn't run right into it. */
    .featurette-image.pull-left {
      margin-right: 40px;
    }
    .featurette-image.pull-right {
      margin-left: 40px;
    }

    /* Thin out the marketing headings */
    .featurette-heading {
      font-size: 50px;
      font-weight: 300;
      line-height: 1;
      letter-spacing: -1px;
    }



    /* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (max-width: 979px) {;}
        
        .about-pg.btn.btn-primary { display:block; margin-top: 10px;}

      .container.navbar-wrapper {
        margin-bottom: 0;
        width: auto;
      }
      .navbar-inner {
        border-radius: 0;
        margin: -20px 0;
      }


      }

      .featurette {
        height: auto;
        padding: 0;
      }
      .featurette-image.pull-left,
      .featurette-image.pull-right {
        display: block;
        float: none;
        max-width: 40%;
        margin: 0 auto 20px;
      }
    }


    @media (max-width: 767px) {
        

      .navbar-inner {
        margin: -20px;
      }

      

      .marketing .span4 + .span4 {
        margin-top: 40px;
      }

      .featurette-heading {
        font-size: 30px;
      }
      .featurette .lead {
        font-size: 18px;
        line-height: 1.5;
      }

    }
    
    @media (max-width: 480px) {
    /*    #LogoContainerTrans {
            top:11px;
        }*/

    }

    @media (max-width: 768px) {
      #LogoContainerTrans {
        height: 210px;
      }
      .logo-left {
        width: 50%;
      }
      .logo-left h1 {
        font-size: 19px;
        margin-top: 15px;
        margin-left: 10px;  
        text-align: left;
      }
      .logo-mid {
        /*width: 100%;*/
        float: right;
        margin-top: 20px;
      }
      .logo-mid .logo-img {
        height: 169px;
      }
      .logo-right {
        display: none;
      }
      .navbar-wrapper {
        margin-top: 231px;
      }
      .nav-collapse {
        background: #79808b;
      }
      .nav .search-container {
        float: left !important;
        margin-left: 19px;
      }
      .home-bg .intro-text {
        display: none;
      }
      .marketing {
        margin-top: 285px;
      }
      .marketing .intro-text {
        background: rgba(29, 67, 39, 0.06);
      }
      .intro-text h3 {
        font-size: 23px;
      }

      .logo-small {
        width: 56px;
      }
      .marketing.about-bg {
        /*bg img at bottom*/
        background-size: 200px;
        background-position-y: 91%;
      }
      .marketing.home-bg {
        background-size: 200px;
        background-position-y: 86%; 
      }
    }

    .icon-green {
    /*        color:#ACDBAC;*/
        color:#42B142;
    }
    .icon-yellow {
      color: #f7d358;
    }
    .icon-red {
      color: #471a27;
    }
    hr {
        margin:5px;
    }
    .table {
      width:54%;
      background: rgba(255, 255, 255, 0.98);
    }

    #footer {
        color: #f7d358;
        clear: both;
        padding: 6px 10px;
        height: 150px;
        background-color: #1d4327;
        font-size: 13px;
    }
    #footer h4 {
      color: #f7d358;
      opacity: 0.5;
    }
    #footer .footer-links {
      margin-top: 20px;
    }
    #footer .footer-links a {
      margin-right: 10px;
      color: #f7d358;
    }
    .btn-primary {
      background-color: #3a824d;
      background-image: linear-gradient(to bottom, #53825f, #1d4327);
    }
    
    form {
        clear:both;
    }