Can't change the font style for the blog

I want to change my homepage text to Arial, but I can't get it to change for the blog.

Note: The blog post under "ON THE BLOG", and "FEATURED SPECIAL" headings are being overridden. Cannot find a way to change tat to Arial. The following CSS is overriding

div#page .upfront-output-region-container .upfront-output-module .default.uposts-object li .title a {
color: #61737b !important;
font-size: 18px !important;
line-height: 25px !important;
font-family: "Quattrocento" !important;
font-weight: 700 !important;
font-style: normal !important;
text-transform: uppercase !important;}