.g-logo {
    font-weight: $font-weight-extrabold;
    @include responsive-font($responsive-font-size + 1, $core-font-size + 0.5, false, false);
    box-shadow: none !important;
    @include breakpoint (tablet-range){
        padding-left: $content-margin * 2;
    }

    @include breakpoint(mobile-only) {
        text-align: center;
        display: block;
        position: relative;
        z-index: 1;
    }

    img {
        .dir-rtl & {
            padding-right: 0;
            padding-left: 1rem;
        }
    }
}

.avatar-logo {
    img {
        width: 80px;
        border-radius: 100%;
    }  

}