/* note: master stylesheet that imports partials in order */
@import url('./variables.css');
@import url('./base.css');
@import url('./layout.css');
@import url('./components.css');
@import url('./utilities.css');
@import url('./header.css');

/* page-level tweaks can live here too */

html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { font-family: var(--font-base); font-weight: 400; font-size: 14.5px; line-height: 1.6; margin: 0; scroll-behavior: smooth; }
h1,h2,h3,h4,h5,h6 { font-family: var(--font-roboto); }
h1 { font-size: 1.6em; }
* { box-sizing: border-box; }
.screen-reader-text { position:absolute; left:-9999px; }

#content {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    padding: 0 6%;
}
.section-normal {
    max-width: var(--section-normal-width);
    margin: 0 auto;
}
@media only screen and (max-width: 900px) { .section-normal { max-width: 100%; } } /* 863.63px is fail point */
.section-narrow {
    max-width: var(--section-narrow-width);
    margin: 0 auto;
}
a { 
    color: inherit; 
    text-decoration: underline; 
    text-underline-offset: 2px; 
}
img { 
    max-width: 100%; 
    height: auto; 
    display: block; 
}