stephencottontail on "why do my page titles change colour on smaller screen?"

In your style.css, on line 106 to 108, you have:

.entry-header .entry-title, .entry-content h3 {
	color: #bf0202;
}

which is contained in a @media query that only applies if the window is at least 960 px (line 32 of style.css). When the window is smaller than 960 px, that rule doesn't apply and so your titles become the default black color. So to fix it, move that rule out of the @media query.