/* Jumbotrons
-------------------------------------------------- */

.jumbotron h1 {}




/* Specific jumbotrons
------------------------- */
/* supporting docs pages */
.subhead {}
.subhead h1 {}


/* Subnav */
.subnav {width: 100%;height: 36px; /* Old browsers */}
.subnav .nav {margin-bottom: 0;}
.subnav .nav > li > a {margin: 0;padding-top:11px;padding-bottom: 11px;border-left: 1px solid #f5f5f5;border-right: 1px solid #e5e5e5;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.subnav .nav > .active > a, .subnav .nav > .active > a:hover {}
.subnav .nav > .active > a .caret,
.subnav .nav > .active > a:hover .caret {border-top-color: #fff;}
.subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {border-left: 0;padding-left: 10px;-webkit-border-radius: 4px 0 0 4px;-moz-border-radius: 4px 0 0 4px;border-radius: 4px 0 0 4px;}
.subnav .nav > li:last-child > a {border-right: 0;}
.subnav .dropdown-menu {-webkit-border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px;border-radius: 0 0 4px 4px;}

/* Fixed subnav on scroll, but only for 980px and up (sorry IE!) */

@media (min-width: 980px) {
.subnav-fixed {position: fixed;top: 50px;left: 0;right: 0;z-index: 1020;}
.subnav-fixed .nav {width: 938px;margin: 0 auto;padding: 0 1px;}
.subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
}


/* Responsive Docs
-------------------------------------------------- */
@media (max-width: 480px) {

  /* Reduce padding above jumbotron */
  body {
    
  }

  /* Change up some type stuff */
  h2 {
    margin-top: 27px;
  }
  h2 small {
    display: block;
    line-height: 18px;
  }
  h3 {
    margin-top: 18px;
  }

  /* icons */
  .marketing .bs-icon {
    margin: 0;
  }

  /* Adjust the jumbotron */
  .jumbotron h1,
  .jumbotron p {
    text-align: center;
    margin-right: 0;
  }
  .jumbotron h1 {
    font-size: 45px;
    margin-right: 0;
  }
  .jumbotron p {
    margin-right: 0;
    margin-left: 0;
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 768px) {

  /* Remove any padding from the body */
  body {
    padding-top: 0;
  }

  /* Subnav */
  .subnav {
    position: static;
    top: auto;
    z-index: auto;
    width: auto;
    height: auto;
    background: #fff; /* whole background property since we use a background-image for gradient */
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }
  .subnav .nav > li {
    float: none;
  }
  .subnav .nav > li > a {
    border: 0;

  .subnav .nav > li:first-child > a,
  .subnav .nav > li:first-child > a:hover {
      -webkit-border-radius: 4px 4px 0 0;
         -moz-border-radius: 4px 4px 0 0;
              border-radius: 4px 4px 0 0;
  }
}


@media (min-width: 480px) and (max-width: 768px) {

  /* Scale down the jumbotron content */
  .jumbotron h1 {
    font-size: 54px;
  }
  .jumbotron p {
    margin-right: 0;
    margin-left: 0;
  }

}


@media (min-width: 768px) and (max-width: 980px) {

  /* Remove any padding from the body */
  body {
    padding-top: 0;
  }

  /* Scale down the jumbotron content */
  .jumbotron h1 {
    font-size: 54px;
  }

}


@media (max-width: 980px) {

  /* Unfloat brand */
  .navbar-fixed-top .brand {
    float: left;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
  }


/* LARGE DESKTOP SCREENS */
@media (min-width: 1210px) {

  /* Update subnav container */
  .subnav-fixed .nav {
    width: 1168px; /* 2px less to account for left/right borders being removed when in fixed mode */
  }

}