body {
  min-height: 75rem; /* Can be removed; just added for demo purposes */
  color:#000;
}

.navbar {
  margin-bottom: 0;
}

.jumbotron {
  padding-top: 6rem;
  padding-bottom: 6rem;
  margin-bottom: 0;
  background-color: #fff;
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}

.album {
  min-height: 50rem; /* Can be removed; just added for demo purposes */
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #fcfcfc;
}
.bg-inverse {
    background-color: #333 !important;
}

.card {
  float: left;
  width: 33.333%;
  padding: .75rem;
  margin-bottom: 2rem;
  border: 0;
}

.card > img {
  margin-bottom: .75rem;
}

.card-text {
  font-size: 85%;
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
  font-size: 85%;
}

footer p {
  margin-bottom: .25rem;
}

img {
    min-width: 50%;
    max-width: 100%;
    margin-bottom: 1em;
}

h1, h2, h3, h4, h5, .navbar-brand {
  font-family: 'Work Sans', sans-serif;
  padding: 1em 0 .5em 0;
  letter-spacing: -0.025em;
}

h1 {
  padding-top:0;
  color:#000;
}
p {
  color:#000;
      font-family: 'Work Sans', serif;
    letter-spacing: -0.025em;
    margin-bottom: 2em;
}

a {
  color:#900;
  font-weight: bold;
}

.jumbotron {
  background-color:#ddd;
  padding-top: 3rem;
  padding-bottom:3rem;
  height:300px;
}

footer {
  background-color: #ddd;

}

.workshop {
      background-image:  url(../images/tyger_small.png), url(../images/forest.jpg);
background-position: right bottom, left bottom;
    background-repeat: no-repeat;
    background-size: auto, cover;

}

.minifesto {
      background-image: url(../images/fite.jpg);
background-position: left center;
    background-size: auto, 50%;

}


nav {
  text-align: center;
}

nav ul {
  margin:1em auto 0;
  padding:0;
  text-align: center;
}
nav ul li {
  display:inline-block;
  margin-right:.5em;
}

nav ul li a {
  color:#ccc;
  display: block;
  padding:.25em;
      font-family: 'Work Sans', serif;
      font-weight: lighter;

}

nav ul li a:hover, nav ul li a.active {
  color:#fff;
  background-color: rgba(255,255,255,.15);
  border-radius: .5em;
  ;
}

  p.lead {
    font-family: 'Work Sans', serif;
    padding:1em 0;
  }


.navbar-brand {
    margin: 0 auto;
}



@media (min-width: 576px) {
.container {
    width: 96%;
    max-width: 100%;
}
nav ul {
    max-width: 600px;
}
}


@media (min-width: 768px) {

.container {
    width: 96%;
    max-width: 100%;
}

}

  @media (max-width: 768px)  {
nav ul {
    max-width: 6700px;
}
}

@media (min-width: 992px) {
.container {
    width: 960px;
    max-width: 100%;
}

}

  @media (min-width: 1024px)  {
nav ul {
    max-width: 6700px;
}
}


@media (min-width: 1200px) {
.container {
    width: 1140px;
    max-width: 100%;
}
}