body.fabric {
  padding-top: 0px;
  padding-bottom: 0px;
}

.cover
{
    text-align: center;
    width: 100%;
    background-image: url('../assets/images/back3.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.cover h1,.cover h2,.cover h3,.cover h4,.cover,.cover div {
    text-shadow: 0px 0.5px 0.5px #8D8484;
    color: white;
}

.fabric .cover .navbar-brand {
  padding: 7px 0px 0px 15px;
  display: none;
}

.fabric .cover .navbar-brand.active {
  display: block;
}

.fabric .cover .navbar-brand > img {
  height: 36px;
}

h4.cover-byline {
    font-size: 2.4rem;
}

h5.cover-byline {
    font-size: 2rem;
}


/* Desktop navbar styling */
.fabric .navbar-default {
  background: none;
  border: none;
  text-shadow: 0px 0.5px 0.5px #8D8484;
}

.fabric .navbar-default .navbar-nav > .open > a,
.fabric .navbar-default .navbar-nav > .active > a {
  background: none;
  color: #fff;
}

.fabric .navbar-default .navbar-nav > li > a:hover,
.fabric .navbar-default .navbar-nav > li > a:focus
{
  color: #fff;
}

.fabric .navbar-brand,
.fabric .navbar-nav > li > a {
  color: #fff;
  font-weight: normal;
  font-size: 18px;
}

/* Mobile navbar styling */
/* Mysterious 1px line at the top of the expanded menu
 * when you expand on mobile.
 * Can't get rid of it for the life of me.
 */
.fabric .navbar-default .navbar-toggle
{
    border-color: #fff;
}

.fabric .navbar-default .navbar-toggle:hover,
.fabric .navbar-default .navbar-toggle:focus
{
    background-color: #fff;
}

.fabric .navbar-default .navbar-toggle .icon-bar
{
    background-color: #fff;
}

.fabric .navbar-default .navbar-toggle:hover .icon-bar,
.fabric .navbar-default .navbar-toggle:focus .icon-bar
{
    background-color: rgba(182, 204, 237, 1);
}

.fabric .navbar-default .navbar-collapse,
.fabric .navbar-default .navbar-form
{
    border: none;
}

.fabric .navbar-default .navbar-collapse,
.fabric .navbar-default .navbar-form
{
    border-color: #e7e7e7;
}

/*
.fabric .navbar-inverse {
  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
  background-image:      -o-linear-gradient(top, #3c3c3c 0%, #222 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222));
  background-image:         linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-radius: 4px;
}
.fabric .navbar-inverse .navbar-nav > .open > a,
.fabric .navbar-inverse .navbar-nav > .active > a {

  background: none;
}
.fabric .navbar-inverse .navbar-brand,
.fabric .navbar-inverse .navbar-nav > li > a {
  text-shadow: none;
}
*/
.fabric .navbar-static-top,
.fabric .navbar-fixed-top,
.fabric .navbar-fixed-bottom {
}

  
@media (max-width: 767px) {
  .fabric .navbar .navbar-nav .open .dropdown-menu > .active > a,
  .fabric .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
  .fabric .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
  }

  .fabric .navbar-default .navbar-collapse,
  .fabric .navbar-default .navbar-form
  {
     background-color: rgba(255, 255, 255, .15);    
  }

}