mat-toolbar.main-header .logo {
    background-image: url(http://pjci.ca/files/Logo-SVG.svg);
    width: 150px;
    height: 50px;
    background-size: 150px 50px;
    margin: auto;
}
.mat-purple {
    background-color: #191919!important;
    color: #fff!important;
}
.mat-toolbar.mat-primary {
    background: #191919;
    color: #fff;
}
.mat-fab.mat-primary, .mat-mini-fab.mat-primary, .mat-raised-button.mat-primary {
    color: #fff;
    background-color: #191919;
}
.mat-indigo{background-color:#191919!important;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#232323+0,000000+100 */
background: #232323; /* Old browsers */
background: -moz-linear-gradient(top, #232323 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #232323 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #232323 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232323', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}