

// logo in svg format
.brand-img {
    height: 50px;
    width: 200px;

    &--md {
        height: 40px;
    }

    &__text {
        fill: $color-white;
        font-size: 24px;
        font-weight: bold;
    }

    &__do {
        fill: $color-blue-light;
    }

    &--dark {
        .brand-img__text {
            fill: $color-heading;
        }
    }

    // < MD
    @include media-breakpoint-down(md) {
        height: 40px;
        width: 160px;
    }

    // < sm
    @include media-breakpoint-down(sm) {
        height: 30px;
        width: 120px;
    }
}
