/*Full-slider CSS for smaller screen */
html,
body {
    height: 100%;
}

.carousel {
    height: 100%;
}
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

footer {
    margin: 50px 0;
}

@media (max-width: 767px) {
  .fill {
    width: 100%;
    max-height:250px;
        background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;

  }

@media (max-width: 767px) {
  .navbar-collapse, .collapse, , .navbar-nav, {
    background-color: transparent;

  }

  .navbar-toggle {
    background-color: #ffffff;
        margin-right: 2em;
  }

  .icon-bar, .navbar, .nav {
    background-color:#cccccc;

  }

}

/*  .carousel,
.item,
.active {
    max-height: 250px;
}

.carousel-inner {
    max-height: 250px;
}
}
*/

.inset {
  margin-left:2em;
  margin-top:1.7em;
}
.inset2 {
  margin-left:2em;
}

.carousel-indicators, 
.carousel-caption {
  margin-bottom:2em;
}