/**
*
* Layout Rules
* ============
*
* Defines styles for visual structure and organization of HTML.  All layout
* rules should include an "l-" prefix.  Only use classes or attribute
* selectors (no element selectors or IDs).
*
* See here for more info on layout rules:  https://smacss.com/book/type-layout
*
**/




/* static content container (becomes fluid on responsive pages) */
.l-sitewidth {
    margin-left: auto;
    margin-right: auto;
    max-width: 1080px;
    max-width: 67.5rem;
    width:100%;
}

.l-flex-images img {
    height: auto;
    max-width: 100%;
    width: 100%;
}

.l-align-middle,
.l-align-middle::before {
    display: inline-block;
    vertical-align: middle;
}

.l-align-middle::before {
    content: "";
    height: 100%;
}