/*
Written For littlecrosby.
Author: Kevin Crosby

*/
@import url(http://fonts.googleapis.com/css?family=Lobster);

body{
    background:url("../img/ossipee.jpg") no-repeat;
    background-size:cover;
}

.navbar .navbar-brand{
    font-size: 28px;
    font-family: 'Lobster', cursive;
}







@media (min-width: 768px){


    .navbar{
        background: none;
        border:none;
        min-height: 80px;
    }

    .navbar > *{
    
}

    .navbar-inverse .navbar-nav>li>a, .navbar .navbar-brand{
        color: #141414;
    }
    .navbar-nav{
        float:right;
    }
    .navbar-inverse .navbar-nav>.active>a{
        background: none;
        border:#eaeaea 2px solid ;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
        height: 31px;
        margin-top: 10px;
        padding-top: 3px;
    }
    .navbar-inverse .navbar-nav>.active>a:hover{
        background: none;
    }
}
.welcome-heading{
    padding: 100px 15px;
    /* text-align: center; */  
    background-color: #dedede;
    margin-top: 80px;
    min-height: 150px;
}

.welcome-heading > div.container{ 
border: 2px solid white;
}

/*
*
*Add INs for reused effects
*/

.txt-shadow *{
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;  
}

.cover-all{
    z-index: 9999;
    position: absolute;
    height: 100%;
    width: 100%;
    margin: 0 0 0 0;
    background-color: #000000;
    opacity: .0;

}

.load-page-img{
     z-index: 10000;
    height: auto;
    width: 1px;
    position: absolute;
}

.m-scene .scene_element {
-webkit-animation-duration: 1.25s;
animation-duration: 0.25s;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

.m-scene .scene_element--fadein {
    -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.m-scene.is-exiting .scene_element {
  animation-direction: alternate-reverse;
  -webkit-animation-direction: alternate-reverse;
}

/*
 * Keyframes
 */
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn{
      0% { opacity: 0; }
  100% { opacity: 1; }
}