header ul.navigation li.active, header[role="banner"] ul.navigation li.active:hover {
    color: rgba(199, 166, 82, 1);
    cursor: default;
}
header ul.navigation {
  float: left;
  margin-left: 30px
}

header ul.navigation li a {
  color: inherit;
}

header ul.navigation li a:hover {
  text-decoration: none;
  color:inherit;
}

header ul.navigation li {
float: left;
    cursor: pointer;
    color: #fff;
    font-family: "jaf-bernina-sans-condensed",Georgia,Times,"Times New Roman",serif;
    padding: 7px 15px;
    font-size: 15px;
    font-weight: normal;
    color: rgba(255,255,255,.5);
    text-transform: uppercase;
    letter-spacing: .06em;
}

nav a {cursor: pointer;}

header ul.navigation li:hover {
  color:#fff;
}
.c-header header[role="banner"] {
    background: rgba(0,0,0,.8);
}

header[role="banner"]>h1:hover {
  opacity: 1
}

.c-header header[role="banner"]>h1 a {
    background: url("//static.propublica.org/assets/graphicssetter-2017-logos/ProPublica-wordmark-BW-reversed.svg") 0 12px no-repeat !important;
    /*background: url(//propublica.s3.amazonaws.com/logos/pp-logo-light.min.svg) 0 10px no-repeat;*/
}

header nav .facebook a {
    background: url(//static.propublica.org/projects/ferguson-segregation/assets/img/nav-sprites-light.min.svg) 0 0 no-repeat;
}

header nav .twitter a {
    background: url(//static.propublica.org/projects/ferguson-segregation/assets/img/nav-sprites-light.min.svg) 0 -50px no-repeat;
}

header > div, .photo, #hatecrime strong, #hatecrime .apply-btn {
  transition: all 0.10s ease-in-out;
  -webkit-transition: all 0.10s ease-in-out;
  -moz-transition: all 0.10s ease-in-out;
  -o-transition: all 0.10s ease-in-out;
}

header {
  width: 100%
}

header ul {
  max-width: 835px;
  margin: auto
}

header li {
  float: left;
  cursor: pointer;
}

header li.apply-button {
    background: #be3b3b;
}

header li:hover p, header[role="banner"] li:hover p a{
  color: #cecece;
}

header li p {
  font-family: "jaf-bernina-sans-condensed",Georgia,Times,"Times New Roman",serif;
  color: white;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: .02em
}

header li p a, header[role="banner"] li p a:visited, header[role="banner"] li p a:focus {
  color: #fff;
}

header li p a:hover {
  color: #cecece;
  text-decoration: none
}

header h1 a {
  display: block;
  height: 45px;
  background: url("https://static.propublica.org/logos/propublica-logo-light.min.svg") 0 -18px no-repeat;
  width: 116px;
  float: left;
  margin-left: 10px
}

header[role="banner"] {
  background: rgba(0, 0, 0,.4);
  /*position: fixed;*/
  height: 40px;
  z-index: 9999;
}
body #footer {
    background: #000;
}
#footer-logo {
    color: #575757;
    float: left;
    padding: 15px 10px 0;
    width: 140px;
    min-height: 100px;
}
@media (max-width:920px) and (min-width:678px) {
    header[role="banner"] ul.navigation li.resources-link {
      display:none;
    }
}
@media (max-width: 680px) {
  .c-header header[role="banner"]>h1 {
    margin-left: 0px;
    width: 30px;
    overflow: hidden;
  }


  header[role="banner"] nav, header[role="banner"] ul.navigation li.active {
    display: none;
  }
  header[role="banner"] ul.navigation {
    float:none;
  }
  header[role="banner"] ul.navigation li {
    padding: 8px 6px;
    font-size: 13px;
  }

  header[role="banner"] ul.navigation {
    margin-left: 20px
  }


}
@media (max-width: 480px) {


}