/* ==========================================================================
   Typography
   ========================================================================== */
   
body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: 'Libre Caslon Display', serif;
text-align: center;
}

li {
text-align: center;
margin-left: 1px;

}

a:hover, a:focus {
color: 
#C1CE30;
text-decoration: none;
}

.btn-success {
  background-color:
#C1CE30;
border-color:
#C1CE30;
}

.quote {
  font-size: 40px;
  
font-family: 'Allura', cursive;
}

.header {
  color: #000;
  background-color:#ecebeb;
}

.lead {
  font-size: 200%;
}

.margin-top-text {
  margin-top:40px;
}

.padding{
  padding-bottom: 20px;
  margin-bottom: 20px}

.min_height {
min-height:10px;
}


.background-beige {
background-color:#fff;
}

body {
 background-image: url("floral.gif");
  background-repeat: repeat-y repeat-x;
background-color:#343433;
}

.textalignleft {
text-align: left;
}

.navigation-links {
text-align: right;
}

h1 {
color: #000;
}

h2 {
color: #000;
font-size: 60px;
}

.white {
color: #FFF;
font-size: 50px;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;

}

h3 {
font-size: 30px;
}

hr {
margin-top: 10px;
margin-bottom: 10px;
}

hr.small {
width: 80%;
}

.extra-top-margin {
  padding-top: 30px; 
}

p.links {
font-size: 24px;
color:#000;
}

a.links {
font-size: 24px;
color:#000;
}

a.links_green {
font-size: 24px;
color:#C1CE30;
}

/* ==========================================================================
   Links & Navigation
   ========================================================================== */

li {
display: inline;
padding-right: 20px;
margin-top: 3px;

}



.navigation li {
display: inline;
}

a { 
color: #FFF;
font-size: 24px;
}

/* ==========================================================================
   Extra Margins and Padding
   ========================================================================== */

.darkgrey {
background-color: #6D6D6D;
width: 100%;
}

.darkgrey_outer {
background-color: #6D6D6D;
width: 97.5%;
margin-left: auto;
margin-right: auto; 
padding-top: 10px;
}

.rownomargin {
margin-top: 0px;
margin-bottom: 0px;
}

/* ==========================================================================
   Navigation
   ========================================================================== */

.footerlast {
  padding-bottom: 40px;
}
.top_pad {
 margin-top: 20px;
}

hr.sub {
   width: 70%;
}

hr.subbase {
   width: 70%;
   margin-top: -3px; 
}

hr.faded {
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 1.4em 0;
  border: none; 
  background: #ddd;
  background-image: -webkit-gradient(
      linear,
      left bottom,
      right bottom,
      color-stop(0, rgb(255,255,255)),
      color-stop(0.1, rgb(221,221,221)),
      color-stop(0.9, rgb(221,221,221)),
      color-stop(1, rgb(255,255,255))
  );
  background-image: -moz-linear-gradient(
      left center,
      rgb(255,255,255) 0%,
      rgb(221,221,221) 10%,
      rgb(221,221,221) 90%,
      rgb(255,255,255) 100%
  );
}

/* Single-direction drop shadow */
      
hr.fade {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}

hr {
color: #C1CE30;
background-color: #C1CE30;
}

/* ==========================================================================
   Horizontal Rules
   ========================================================================== */

.divider {
background: url('../img/borders/mainborder.png') repeat-x;
width: 100%;
min-height: 20px;
}

.outer { border-top: 2px solid black; border-bottom: 2px solid black; padding:0; }
.inner { height: 10px; background-color: black; }

.chevron {
display: block;
margin-left: auto;
margin-right: auto; 
}



/* ==========================================================================
   Footer
   ========================================================================== */

.footer {
background-color: #343433;
color: #343433;
}

.divide {
background-color: #a6a5a5;
color: #a6a5a5;
}

h3.footer {
font-size: 26px;
color: #C1CE30;
}

p.footer {
color: #FFF;
font-size: 18px;
padding-top: 0px;
}

a.footer {
font-size: 18px;
color: #FFF;
}

/* ==========================================================================
   Logo
   ========================================================================== */

.mainlogo {
margin-top:-30px;
}

/* ==========================================================================
   Button - Change Later!
   ========================================================================== */
   
.button {
   border: 0px solid #242424;
   background: #707070;
   background: -webkit-gradient(linear, left top, left bottom, from(#a5a7a8), to(#707070));
   background: -webkit-linear-gradient(top, #a5a7a8, #707070);
   background: -moz-linear-gradient(top, #a5a7a8, #707070);
   background: -ms-linear-gradient(top, #a5a7a8, #707070);
   background: -o-linear-gradient(top, #a5a7a8, #707070);
   background-image: -ms-linear-gradient(top, #a5a7a8 0%, #707070 100%);
   padding: 9.5px 19px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #858585 0 1px 0;
   color: #ebebeb;
   font-size: 17px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border: 0px solid #4d4d4d;
   text-shadow: #3d3d3d 0 1px 0;
   background: #1f1f1f;
   background: -webkit-gradient(linear, left top, left bottom, from(#1f1f1f), to(#1f1f1f));
   background: -webkit-linear-gradient(top, #1f1f1f, #1f1f1f);
   background: -moz-linear-gradient(top, #1f1f1f, #1f1f1f);
   background: -ms-linear-gradient(top, #1f1f1f, #1f1f1f);
   background: -o-linear-gradient(top, #1f1f1f, #1f1f1f);
   background-image: -ms-linear-gradient(top, #1f1f1f 0%, #1f1f1f 100%);
   color: #fff;
   }
.button:active {
   text-shadow: #4a4a4a 0 1px 0;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (min-width: 768px) {


h2 {
color: #000;
font-size: 80px;
}

.left-left {
  text-align: left;
}
     
   a { 
   font-size: 15px;
   }

   .nav-collapse {
   margin-top: 60px;
   }

   a:hover {
   text-decoration: none;
   color: #666;
   }

      h2 {
   font-size: 45px;
   padding-top: 15px;
   padding-bottom: 5px;
   }


.margintop {
padding-top: 45px;
margin-top: 45px;
}

   li {
    font-size: 14px;
display: inline;
margin-left: 10px;
background-color: #343433;
padding-right: 0px;
margin-top: 5px;

}
}



@media (min-width: 992px) {
    
   a { 
   font-size: 20px;
   text-align: right;
   }

   .nav-collapse  {
   margin-top: 80px;
   display: block;
   }

   h1 {
   font-size: 40px;
   }

   h2 {
   font-size: 80px;
   padding-top: 15px;
   padding-bottom: 5px;
   }

.margintop {
padding-top: 60px;
margin-top: 60px;
}

li {
    font-size: 18px;
display: inline;
margin-left: 12px;
background-color: #343433;
padding-right: 0px;
margin-top: 5px;

}
}


@media (min-width: 1200px) {
.margintop {
padding-top: 10px;
margin-top: 10px;
}
    a { 
   font-size:23px;
      text-align: right;

   }

   .nav-collapse  {
   margin-top: 120px;
   }

   h1 {
   font-size: 50px;
   }

   h2 {
   font-size: 80px;
   padding-top: 25px;
   padding-bottom: 10px;
   }

   li {
    font-size:19px;
display: inline;
margin-left: 22px;
background-color: #343433;
padding-right: 0px;
margin-top: 5px;

}

 }