.logo {

  &--main {
    margin-bottom: 60px;
  }

  &--secondary {
    margin-bottom: 40px;
  }

  &--offset-right {
    @include breakpoint-min($lg-desktop-breakpoint) {
      transform: translateX(60px);
    }
  }

  &--wider {
    width: calc(100% + 20px);
    display: block;
    height: auto;
  }
}