
    /*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: #fce1e3;
    --theme-primary-100: #f7b4b8;
    --theme-primary-200: #f18389;
    --theme-primary-300: #eb515a;
    --theme-primary-400: #e72b36;
    --theme-primary-500: #e30613;
    --theme-primary-600: #e30613;
    --theme-primary-700: #e00511;
    --theme-primary-800: #dc040e;
    --theme-primary-900: #d8030b;
    --theme-primary-A100: #d00206;
    --theme-primary-A200: #ffc5c6;
    --theme-primary-A400: #ff9293;
    --theme-primary-A700: #ff7979;
    /*color contrast*/
    --theme-primary-contrast-50: #000000;
    --theme-primary-contrast-100: #000000;
    --theme-primary-contrast-200: #000000;
    --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;
    }
}