/*------------------------------------*\
    #OVERRIDE STLES
    This style sheet can be used for two different functions:
    1. Override specific Bootstrap styles.
    2. Add your own styles.
\*------------------------------------*/

/**
 * Padding-top is required if using .navbar-fixed-top.
 * This can be removed Remove if using .navbar-static-top.
 * The height may need to be changed if the height of you
 * navigation changes.
*/

body { padding-top: 70px; }

body{
  overflow-x: hidden;
  overflow-y: scroll;
}

/**
 * Bootstrap requires a containing element to wrap site contents
 * and house the grid system. You may choose one of two containers.
 * Use .container for a responsive fixed width container.
 * Use .container-fluid for a full width container.

 * If using container-fluid, you may need to set a maximum width,
 * so that the container will not spread to the entire viewport.
*/

.container-fluid { max-width: 1200px; }



/**
 * Bootstrap adds a 20px margin to the bottom of elements that
 * have been given the class of thumbnail. When images have a
 * caption after them, this margin may be too large. You can
 * override it like this:
*/

.thumbnail { margin-bottom: 5px; }



/**
 * We can add some "helper classes" to add or remove margins to
 * help aspects of the layout. These helper classes should only
 * be used sparingly.
*/

.margin-t-0 { margin-top: 0; }
.margin-t-h { margin-top: .5em; }
.margin-t-1 { margin-top: 1em; }
.margin-t-2 { margin-top: 2em; }
.margin-t-3 { margin-top: 3em; }
.margin-b-0 { margin-bottom: 0; }
.margin-b-h { margin-bottom: .5em; }
.margin-b-1 { margin-bottom: 1em; }
.margin-b-2 { margin-bottom: 2em; }
.margin-b-3 { margin-bottom: 3em; }

.margin-tb-0
{
    margin-top: 0;
    margin-bottom: 0;
}

.margin-tb-h
{
    margin-top: .5em;
    margin-bottom: .5em;
}

.margin-tb-1
{
    margin-top: 1em;
    margin-bottom: 1em;
}

.margin-tb-2
{
    margin-top: 2em;
    margin-bottom: 2em;
}

.margin-tb-3
{
    margin-top: 3em;
    margin-bottom: 3em;
}

.title-text
{
  color: #000;
 font-size: 0.8364583416979999;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

figure img { margin:0 auto; }
figcaption { text-align:center;
font-size: 12px;
}
/*
.navbar-nav > li > a {padding-top:30px !important; padding-bottom:5px !important;} .navbar {min-height:100px !important}
*/



.ghost-button {
  display: inline-block;
  width: 100px;
  padding: 8px;
  color: #000;
  border: 1px solid #000;
  text-align: center;
  outline: none;
  text-decoration: none;
}

.ghost-button:hover,
.ghost-button:active {
  background-color: #778e55;
  color: #000;
    text-decoration: none;
}
/*-------Contact---------*/
.contact input{
  background: #fff;
  border: solid 1px #ddd;
  color: #000;
  padding: 15px 30px;
  margin-right: 3%;
  margin-bottom: 30px;
  outline: none;
}

.contact.noMarr input{
  margin-right: 0px;
}

.contact textarea{
  background: #fff;
  color: #000;
  border: solid 1px #ddd;
  padding: 15px 30px;
  margin-bottom: 40px;
  outline: none;
  height: 150px;
}
.contact .submit {
  background: #F69745;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  margin: 0px;
  border: none !important;
  border-radius: 0;
  float: left;
}
.contact .submit:hover {
  background: #81C402;
}

.done {
  display: none;
}

.error input,input.error,.error textarea,textarea.error {
  background-color: #ffffff;
  border: 1px solid red !Important;
  -webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s,box-shadow linear 0.2s;
  -o-transition: border linear 0.2s,box-shadow linear 0.2s;
  transition: border linear 0.2s,box-shadow linear 0.2s;
}


.spacetop { margin-top: 20px; }


#intro-section p {
  
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 1.5em;

}