batharoy

@media (max-width: 1200px) Does not set the max width, it means the rules within take effect with a max width of 1200.
To set the max width of the content would be like this:

body {
max-width: 1200px;
margin: auto;
}

More about css @media queries.

.products div.product {
    border: none;
}

This is a known bug on Windows systems.
Bug report

Another option is to serve the fonts yourself and not use Google Webfonts.

You could try something like this and just add the selectors you need.

h1, #nav-main a {
    -webkit-text-stroke: .5px #000;
}
nav li.current > a {
    -webkit-text-stroke: .5px #089BC3 !important;
}

This should get you most of the way there.

#page {
    background: transparent;
}
#main {
    background: #FBFBFB;
}
footer {
    background: #FBFBFB;
}
nav {
    background: #FBFBFB;
}

Using Jetpack’s css module will allow some of the mods you want to make.

For removing the leave a comment from pages:
Go into pages > All Pages
Select the checkbox next to title to select all the pages
In the bulk actions dropdown choose edit then click apply
On the next page chose Do Not Allow in the comments dropdown

.form-allowed-tags {
    display: none;
}

Link to site?