CSS help with product page / details styling

Site URL: https://www.ourania.co.uk/

Hi, I am currently working on the 'Minerals' section on my website. I would really appreciate some CSS guidance on a few of my issues below:

1. How do I change my product page 'categories type bar' at the top to match the rest of my typewriter font? 

2. When you click on a product details page - my logo is white and not visible - is there a way of adding a background image to the header for that page? 

Thanks very much in advance! 

ps. Site: Ourania.co.uk

Password: crystal

Q1. Can you share link to exact page? We don't see...

Q2. Add to Home > Design > Custom CSS

/* Product header color */
.collection-type-products.view-item header#header {
    background: #f1f4f5 !important;
}