/* MOTHERLODE — GRAM SECTION STYLES
   Sitewide defaults remain in /assets/css/main.css. */

/* gram/index.html */
body.ml-page-gram-index-html .image.main {
    display: block;
    margin: 0 auto 35px;
    max-width: 920px;
}

body.ml-page-gram-index-html .image.main img {
    display: block;
    width: 100%;
    height: auto;
}

body.ml-page-gram-index-html .post>h1 {
    margin-bottom: 30px;
}

body.ml-page-gram-index-html .post img[align="right"] {
    max-width: 28%;
    margin: 0 0 20px 30px;
}

body.ml-page-gram-index-html .posts .image.fit img {
    aspect-ratio: 4/3;
    object-fit: contain;
    background: var(--wash);
}

@media (max-width:750px) {
    body.ml-page-gram-index-html .post img[align="right"] {
        max-width: 38%;
        margin-left: 18px;
    }

}

/* gram/the-musical.html */
body.ml-page-gram-the-musical-html .image.main {
    display: block;
    margin: 0 auto 35px;
    max-width: 920px;
}

body.ml-page-gram-the-musical-html .image.main img {
    display: block;
    width: 100%;
    height: auto;
}

body.ml-page-gram-the-musical-html .post>h1 {
    margin-bottom: 30px;
}

body.ml-page-gram-the-musical-html .post img[align="right"] {
    max-width: 28%;
    margin: 0 0 20px 30px;
}

body.ml-page-gram-the-musical-html .posts .image.fit img {
    aspect-ratio: 4/3;
    object-fit: contain;
    background: var(--wash);
}

@media (max-width:750px) {
    body.ml-page-gram-the-musical-html .post img[align="right"] {
        max-width: 38%;
        margin-left: 18px;
    }

}