$logotype-margin: 5px !default;
$logotype-margin-right: 3px !default;
$logotype-separator: 3px !default;
$logotype-separator-color: $grey-4 !default;
$logotype-product-name-color: $grey-6 !default;

.w-logotype {
  img {
    max-width: 175px;
    max-height: 65px;
  }
  .text-product-name {
    color: $logotype-product-name-color;
  }
  .separator {
    border-left: $logotype-separator solid $logotype-separator-color;
    margin-left: $logotype-margin;
    margin-right: $logotype-margin-right;
  }
  &.logotype-margin {
    .column > img {
      margin-bottom: $logotype-margin;
    }
    .row > img {
      margin-top: $logotype-margin;
      margin-bottom: $logotype-margin;
    }
  }
}