body {
  font-family: Arial,Helvetica,sans-serif;
}
.navbar-inverse {
  background-color: rgba(255, 255, 255, 0.8);
}
section .container {
  background-color: transparent;
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
  background-color: transparent;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color:#000;
}
.navbar-inverse .navbar-nav li a {
  color:#000;
}
.navbar-inverse .navbar-toggle {
  border-color:#000;
}
body {
  color: #000;
}
body {
  min-width:320px;
}
h1,h2,h3,h4,h5,h6 {
  color:#000;
}
@media (min-width: 768px) {
  h3 {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  h3 {
    font-size: 24px;
  }
}
.navbar-inverse .navbar-nav li a:hover,
.navbar-inverse .navbar-nav li a.active {
  color:#000;
}

a {
  color:#000;
}
ul#filter li a {
  color:#555;
}
ul#filter li.current a {
  color:#000;
}
.background-image-container {
  width:100vw;
  height:100vh;
  position: fixed;
  top:0;
  left:0;
  background-size: cover;
  background-position:center;
  background-repeat: no-repeat;
}
@media (orientation: landscape) and (max-width:991px), (min-width:992px) {
  .background-image-container {
    background-size: contain;
    background-position:center top;
  }
}
#footer {
  position:relative;
}
.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar {
 background-color:rgba(0,0,0,.5);
}
.logo {
  z-index:1;
}
.navbar-nav h1 {
  margin:0 10px;
}
.navbar-nav h1 a {
  display: inline-block;
}
.contempo-imprint-logo {
  width: 350px;
  max-width:100%;
  height:auto;
}
.logo {
  width:5em;
  display: inline-block;
  margin-left:.5em;
  margin-right:1em;
}
.logo  img {
  width:100%;
}
.logo-mobile {
  display: none;
  font-size: 20px;
}
@media (max-width:991px) {
  .logo-mobile {
    display: block;
    position: fixed;
    top: 0;
    left:0;
  }
  .title-and-logo .logo {
    display: none;
  }
}
.title-and-logo {
  font-size: 20px;
  padding-left: 5px;
}
.title-and-logo .logo {
  margin-bottom:-1em;
  position: relative;
  top: -.1em;
}
@media (max-width:991px) {
  .logo-mobile .logo {
    top: .3em;
    position: relative;
  }
}
@media (max-width:991px) {
  #portfolio-filter li:nth-child(2n + 1) {
    clear: both;
  }
}
section .container .inner {
  background-color:rgba(240,243,245, .8)
}
header,
footer {
  background-color:rgba(240,243,245, .8)
}

.icon-bar {
  background-color:#000;
}
.logo {
  width:10em;
}
@media (min-width:800px) {
  .nav-main-and-title {
    width:calc(100% - 12em);
  }
}