/* =============================================================================
   My CSS
   ========================================================================== */

@import url(https://fonts.googleapis.com/css?family=Permanent+Marker|Lato:400,700,300|Parisienne);


body{font-size: 16px;   font-family: 'Lato', sans-serif; font-weight: 300;
/*
 background-image: url('../images/bg2-20.png');
 background-repeat: no-repeat;
 background-position: center top;
 */

color: #555;
}

h1 {font-size: 6rem; padding-bottom: 2.2rem; padding-top: 2.2rem; font-family: 'Parisienne', cursive; color: black}

h1.saantitle {font-size: 6rem; padding-bottom: 2.2rem; padding-top: 2.2rem; font-family: 'Permanent Marker', cursive;   color: black;     text-transform: uppercase;}


h2,h3,h4,h5,h6 { font-family: 'Lato', sans-serif; }
ul {list-style: none; padding-left: 0px;}

textarea {    min-height: 95px;}

/*
img {max-width: 100%; height: auto}
*/



/*******************
BOOTSTRAP OVERRDIDES
*******************/

.navbar-header {height: 70px;}

html {border-top: 6px solid #11547B;}
.navbar-default {

    background-color: rgba(255, 255, 255, 0.72);
        border-color: white;
        margin-bottom: 0px;

        background-color: white;
        border-top: 4px solid #207DB3;
        padding-top: 9px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;

}

.navbar-default .navbar-nav>li>a {
    padding-top: 18px;
    color: #207DB3;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {

    color: #555;
    background-color: rgba(234, 234, 234, 0.56);


}

.navbar-default .navbar-brand {
    padding: 5px;
    color: #6667BF;
    font-weight: 400;
    font-size: 2rem;
}

.navbar-default .navbar-brand img{
    max-width: 100%;
    max-width: 150px;
    height: auto;

}

.form-control  {
  margin-bottom: 15px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;

}





/*******************
BOOTSTRAP EXTENSION
*******************/
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}


/*******************
RE-USEABLE STUFF
*******************/
.pos-list {
  display: flex; /* or inline-flex */
  flex-direction: row; /*| row-reverse | column | column-reverse*/
  justify-content:  space-around; /*flex-start | flex-end | center | space-between |*/
}
.pos-item {
  align-self: center /*auto | flex-start | flex-end | baseline | stretch;*/
}


/*******************
TYPOGRAPHY
*******************/
.center-t {text-align: center;}
.pos-item h4 {text-align: center;}
.jumbotext { margin-top: 70px; margin-bottom: 70px; padding-left: 10%; padding-right: 10%; font-size: 3rem;  text-align: center;    color: #227AC7; }


.no-pad {padding: 0px;}
.border {    border: 1px solid #C7C7C7;}
.b-top {border-top: 8px solid #207DB3;}

/*******************
DESIGN
*******************/

#home-slides {

  width: 100%; height: 600px;
  background-image: url('../images/slide2.jpg'); background-repeat: no-repeat; background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
#home-slides.saanbg {


  background-image: url('../images/saan-bg.jpg'); background-repeat: no-repeat; background-position: center center;


}



#content-wrap+.container {max-width: 950px;}


#intro-text { margin-top: 50px; }
#after-galley { margin-top: 50px;}
}

#after-galley .jumbotext { font-size: 2.2rem}

#footer-cta {   margin-top: 100px;    height: 80px;    background-color: #073954; color: white}

#footer-cta h2{    font-family: 'Parisienne', cursive;
    color: white;
    margin: 0px;
    padding: 0px;
    font-size: 4rem;
    padding-top: 21px;
    text-align: center;}
#footer { padding-top: 50px; padding-bottom: 50px; background-color: #063B5A; color: white; }

#contact-form {max-width: 850px; }
#contact-form textarea { min-height: 365px;}
#contact-form .btn-info { width: 100%;}


/*******************
SWIPER GALLERY PLUGIN DESIGN
*******************/
.swiper-container {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    height: 400px;
}
.swiper-slide {
    background-position: center;
    background-size: cover;
    width: 300px;
    height: 300px;
}


/**************************************
MEDIAQUERYS
***************************************/
@media screen and (max-width: 767px) {

  /*add air*/
  .navbar-default {
    padding-left: 20px;
    padding-right: 20px;
  }

  /*add air*/
  #content-wrap {padding-left: 30px; padding-right: 30px}


  /*resize fonts*/
  .jumbotext { font-size: 2.1rem}
  #after-galley .jumbotext { font-size: 1.8rem}
  h1 {font-size: 4.4rem}


}