Overly large Header fonts

Hi there, I don’t know why but suddenly my H1, H2 tags are HUGE on this site: https://donahoeadvantage.com. I tried putting the code in a usually use to control size of header tags, but it is not working at all. For now, I have move many of my headers to H3 and 4’s but that’s not ideal. Here is the code that is not working:

h1, .h1 {
font-size: 4em;
}

h2, .h2 {
font-size: 3em;
}

h3, .h3 {
font-size: 2em;
}

h4, .h4 {
font-size: 1em;
}

h5, .h5 {
font-size: 1em;
}

h6, .h6 {
font-size: 1em;
}

Hi,

I can see you have a missing bracket at end of your custom css code.

Please make sure to add a closing bracket } before adding the code above.

eg.

.x-colophon.bottom {
    background-color: #b32317;
}   /* <- this is missing */