line height custom css

You have some errors in your custom CSS – so that’s why subsequent CSS is not working after the first error:

.header-image {
    margin-top: .5rem;
}

.main-navigation {
    margin-top: .5rem;
    text-align: left;
MISSING BRACKET HERE******

.woocommerce div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce-page #content div.product div.images img {
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
    display: block;
    height: auto;
    transition: all 0.2s ease-in-out 0s;
    width: 100%;
}

.site-content article {
    -moz-hyphens: auto;
    border-bottom: none;
    margin-bottom: .1;   ****NEED UNIT
    padding-bottom: .5;     ****NEED UNIT
    word-wrap: break-word;

.site-header {
    padding: 0.1rem 0;
}

.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
    line-height: 1.5;
    margin: 0.7rem;
}