@import "base/variables.less";
@import "base/mixins.less";

/* ------------------ HEADER ----------------*/

.header {
  background-color: @light;
  line-height: 112px;

  .logo {
    display: block;
    float: left;
    width: 180px;
    height: 112px;
    background-image: url(../images/logo.png);
    background-size: 100%;

    @media @tablet {
      width: 110px;
      height: 70px;
      background-image: url(../images/logo.png);
      background-size: 100%;
      margin-top: 0;
    }
  }

  &__bordered {
    border-bottom: 3px solid @gray;
  }

  @media @mobile {
    line-height: 70px;
  }
}