/* So there isn't a space btwn navbar and jumbotron */
html,body {height:100%;}
.hidden-xs {height:100%;}
.jumbotron {height:100%;
            background: transparent;
        margin-bottom: 0px;
        
      background-size: cover;
        background-position: center;
}

/*jumbotron background - bg tags wrap jumobron - js attached to make parallax*/

.bg {
  background: url("../img/bg3.png") repeat center center;
  position: fixed;
  min-width: 100%;
  min-height: 100%; /*same as jumbotron */
  background-size: cover;
  background-position: center;
  top:0;
  left:0;
  z-index: -1;
}

.bg2 {
  background: url("../img/bg3.png") repeat center center;
  position: relative;
  width: 100%;
  height: 100%; /*same as jumbotron */
  background-size: cover;
  background-position: center;
  top:0;
  left:0;
  z-index: -1;
}
/* Utility class I always use. Bascially a semantically correct <br> */
.spacer {
  clear: both;
  height: 70px;
}

.navbar {
  border-radius: 0px;
  border: 0px;


  border-top:1px solid #000;
-moz-box-shadow:0 -2px 6px -1px #999;
-webkit-box-shadow:0 -2px 6px -1px #999;
box-shadow:0 0px 6px 0px #999;
  
  }

.content1 {
  background-color: rgba(255,255,255,0.5);
  margin-top: -20px;
  }
/*To make fixed-top not jump - must have this mediaquery, otherwise padding will show up in dropdown menu* SET MIN WIDTH PX TO SAME AS COLLAPSE BREAKPOINT*/
@media (min-width: 768px) {
.navbar-fixed-top .navbar-right{
   padding-right: 15px; 
  }
}


h1 {
 font-size: 40px;
 text-align: center;
 vertical-align: middle;
 padding-bottom: 10px;
 padding-bottom: 20px;
}

h2{
  text-align: center;
 vertical-align: middle;
}

h4 {
font:700 20px Montserrat,Helvetica,sans-serif;
}


.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}

.nav-tabs, .nav-pills {
    text-align:center;
    font-size: 12px;
}



#footer img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}



img.logo {

/*


    margin: 0;
    position: absolute;
    bottom: 0;
    left: 15%;
    min-width: 70%;
    max-height: 90%;
*/
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    height: 100%;


}


/*For space in between videos when stacked*/
.embed-responsive{
  margin-top: 5px;
  margin-bottom: 5px
}



body{
  font: 400 16px 'Montserrat', Helvetica, sans-serif;
  background-color: #b0e2f9
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;

}

.navbar-nav > li{
  margin-left:10px;
  margin-right:0px;
}


/*ORIGINAL CUSTOM FOOTER*/

#footer img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

#footer {
  height:180px;
  background-color: rgba(045, 045, 045, 1);
  border-top: 1px solid #000000;
    -moz-box-shadow:    0px -2px 6px -1px #999;
  -webkit-box-shadow: 0px -2px 6px -1px #999;
  box-shadow:         0px -2px 6px -1px #999;


}



/*PASTED JAVASCRIPT*/

/*@media screen and (min-width: 768px) {*/

  #footer 
  {

      width: 100%;
      height: 0px;
      position: fixed;
      z-index:300;
      bottom: 0;
      overflow:none;
      
     -moz-transition:all 0.1s ease-in-out; /*These numbers are how long it takes for the footer to slide down*/
     -o-transition:all 0.1s ease-in-out;
     transition:all 0.1s ease-in-out;
     -webkit-transition:all 0.1s ease-in-out;
  }

  #footer.show
  {
      height: 180px; /*Must match footer height above*/
      
     -moz-transition:all 0.5s ease-in-out; /*These numbers are how long it takes for the footer to slide up*/
     -o-transition:all 0.5s ease-in-out;
     transition:all 0.5s ease-in-out;
     -webkit-transition:all 0.5s ease-in-out;
  }




  #footer ul.navigation li {
      float: left;
      margin-right: 16px;
      display: block;
      }

/*}*/



#footer {
height:180px;
background-color:#fff;
border-top:0px solid #000;
-moz-box-shadow:0 -2px 6px -1px #999;
-webkit-box-shadow:0 -2px 6px -1px #999;
box-shadow:0 -2px 6px -1px #999;
}
#footer img {
max-width:100%;
height:auto;
width:auto\9
}
/*@media screen and (min-width: 768px) {*/
#footer 
{
width: 100%;
height: 0px;
position: fixed;
z-index:300;
bottom: 0;
overflow:none;
-moz-transition:all 0.2s ease-in-out; /*How long it takes for the footer to slide down*/
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
}
#footer.show
{
height: 180px; /*Must match footer height above*/
-moz-transition:all 0.5s ease-in-out; /*How long it takes for the footer to slide up*/
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
}
}
.footertext p {
color: #fff;
text-align: center;
font-size: 10px;
}


.social {
width:148px; /*adjust to center*/
margin-left:auto;
margin-right:auto
}

img.soc {
display:inline-block;
margin:auto;
padding-top:5px;
margin-left:5px;
margin-right:5px
}

img.logo2 {
display:block;
margin:auto;
padding-top:20px
}



hr {
height: 5px;
background: #222222;
border: none;
margin: 0px 0px 40px 0px;
}
hr {
display: block;
height: 5px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
user agent stylesheet
hr {
display: block;
-webkit-margin-before: 0.5em;
-webkit-margin-after: 0.5em;
-webkit-margin-start: auto;
-webkit-margin-end: auto;
border-style: inset;
border-width: 1px;
}




/*KEEPS BODY FROM RESIZING WHEN NEWSLETTER MODAL IS OPENED*/
body.modal-open
{
    padding-right: 0!important;
    overflow-x: hidden;
    overflow-y: scroll;
}
.modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom
{
    padding-right: 0!important;
}


/*ADDS SCROLLBAR WITHIN MODAL*/
.modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}



/*FIX FOR BUG THAT ADDS BLUE BOX AROUND MODAL LINKS*/
.modal-open .modal,a:focus{
    outline:none!important
}




.facebook-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.facebook-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.container{
 min-width:335px;
 }

 body {overflow-x: hidden;} /*Keeps bottom scrollbar from appearing at bottom of page. Must be placed down here - cant be placed in the body tag above*/