header.header {
  font-size: 12px;
  position: fixed;
  width: 100%;
  z-index: 35;
  height: 50px;
  left: 0;
  top: 0;
  background-color: transparent;
  -o-transition: background-color 0.3s ease-out;
  -mx-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -webkit-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out; }
  header.header.darkHeader {
    background-color: #1c1c1c; }

.section-slider-dummy {
  height: 50px;
  background-color: #1c1c1c; }

div.logo {
  position: absolute;
  top: 50%;
  left: 15px;
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  max-width: 150px;
  min-width: 100px;
  width: 80%; }
  div.logo img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block; }

@media screen and (min-width: 768px) {
  header.header {
    height: 95px;
    background-color: #1c1c1c; }

  .section-slider-dummy {
    height: 95px; } }

@media screen and (min-width: 992px) {
  div.logo {
    max-width: 200px;
    min-width: 150px;
    left: 0; } }