/*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: #f7e0ed;
    --theme-primary-100: #ecb3d2;
    --theme-primary-200: #df80b4;
    --theme-primary-300: #d24d95;
    --theme-primary-400: #c8267f;
    --theme-primary-500: #be0068;
    --theme-primary-600: #b80060;
    --theme-primary-700: #af0055;
    --theme-primary-800: #a7004b;
    --theme-primary-900: #99003a;
    --theme-primary-A100: #ffc4d6;
    --theme-primary-A200: #ff91b2;
    --theme-primary-A400: #ff5e8e;
    --theme-primary-A700: #ff457c;
    /*color contrast*/
    --theme-primary-contrast-50: #000000;
    --theme-primary-contrast-100: #000000;
    --theme-primary-contrast-200: #fff;
    --theme-primary-contrast-300: #fff;
    --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: #000000;
    }
/* --> 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;
    }
}