Did you remember to change the “rem” to match the “px”. Most browsers will use the “rem” over the px. You could just remove the “rem” if you want to test it until you get the size you want.
The headings are located around line 242 in your css –
/* Headings
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
color: #333;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-weight: 400;
line-height: 1.5;
margin: 0;
margin-bottom: 16px;
margin-bottom: 1rem;
padding: 0;
}
h1 {
font-size: 10px;
font-size: 1.0rem;
color: #750514;
}
h2 {
font-size: 18px;
font-size: 1.875rem;
}
h3 {
font-size: 18px;
font-size: 1.5rem;
}
h4 {
font-size: 18px;
font-size: 1.25rem;
}
h5 {
font-size: 18px;
font-size: 1.125rem;
}
h6 {
font-size: 16px;
font-size: 1rem;
}