
    /*import*/
    @import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
    :root {
    /*Fonts*/
    --theme-text-2: #0a0a0a;
    --theme-text-1:  #0a0a0a;
    --theme-font-family: "Raleway", sans-serif;
    --theme-font-family-2:"Roboto", sans-serif;
    /*// http://mcg.mbitson.com/#!?mcgpalette0=%23ff0077*/  
    /*NAVBAR COLORS*/
    --ob-nav-text-color:#fff;
    --ob-nav-bg-color: #0a0a0a;
    /*color primary*/
    --theme-primary-50: #f3e4f0;
    --theme-primary-100: #e0bbd9;
    --theme-primary-200: #cb8dc0;
    --theme-primary-300: #b65fa7;
    --theme-primary-400: #a73d94;
    --theme-primary-500: #971b81;
    --theme-primary-600: #8f1879;
    --theme-primary-700: #84146e;
    --theme-primary-800: #7a1064;
    --theme-primary-900: #690851;
    --theme-primary-A100: #ff9ae3;
    --theme-primary-A200: #ff67d5;
    --theme-primary-A400: #ff34c7;
    --theme-primary-A700: #ff1ac0;
    /*color contrast*/
    --theme-primary-contrast-50: #000000;
    --theme-primary-contrast-100: #000000;
    --theme-primary-contrast-200: #000000;
    --theme-primary-contrast-300: #000000;
    --theme-primary-contrast-400: #fff;
    --theme-primary-contrast-500: #fff;
    --theme-primary-contrast-600: #fff;
    --theme-primary-contrast-700: #fff;
    --theme-primary-contrast-800: #fff;
    --theme-primary-contrast-900 : #fff;
    --theme-primary-contrast-A100: #000000;
    --theme-primary-contrast-A200: #000000;
    --theme-primary-contrast-A400: #000000;
    --theme-primary-contrast-A700: #fff;
    }
/* --> Specific CSS goes HERE <--*/
mat-toolbar.mat-toolbar.ob-top-bar.flex img.logo{
    width:250px;
 }
 /*Button shooping car disabled only dark top barbackground*/
mat-toolbar.mat-toolbar button.mdc-button.mat-mdc-button.mat-mdc-button-disabled.mat-unthemed.mat-mdc-button-base {
    color:#b1b1b161; 
}

/*Mobile*/
@media only screen and (max-width: 40.063em) {
    mat-toolbar.mat-toolbar.ob-top-bar.flex img.logo{
        width:12rem;
    }
}
