.sticky-top {
  position: sticky;
  top: 0px;
}

.logo {
  
}

@media (max-width: 1200px) {
    .navbar .navbar-header img.logo {
        height: 80px;
        width: auto;
        padding-right: 0px;
    }

    .navbar .navbar-brand {
        padding-left: 30px;
        padding-top: 60px;
        width: 240px;
    }

    .navbar .navbar-brand .brand-line:nth-child(1) {
        font-size: 110%;
    }

    .navbar .navbar-brand .brand-line:nth-child(2) {
        font-size: 60%;
    }
}

.trailer {
  background: url(../images/trailer-default.jpg) no-repeat center center fixed;
  background-size: cover;
  margin-bottom: 0;
  color: white; 
}

@media (min-width: 356px) {
  .trailer {
    padding-top: 60px; }
}

@media (min-width: 768px) {
  .trailer {
    padding-top: 180px; }
}

@media (min-width: 992px) {
  .trailer {
    padding-top: 180px;
  } 
}

@media (min-width: 1200px) {
  .trailer {
    padding-top: 80px; } 
}

.infobar {
    background: #f5f5f5;
    padding: 10px 0;
}

@media (max-width: 767px) {
    .infobar .pull-right {
        float: none !important;
    }

    .infobar form input, .infobar form button {
        float: left;
        width: auto;
    }

    .infobar form input {
        width: 100%;
    }
}

.infobar .youarehere {
    float: left;
    padding: 8px 0;
    margin-right: 16px;
}

.infobar .language, .infobar .print {
    padding: 8px 0;
    margin-right: 16px;
    float: right;
}

.infobar .breadcrumb {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .infobar .breadcrumb {
        padding-left: 0;
    }

    .infobar .youarehere {
        display: none;
    }

    .infobar .print {
        margin-right: 0;
    }
}

@media (max-width: 480px) {
    .infobar .breadcrumb {
        clear: both;
    }
}