/* Typography */
.title {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 48pt;    
}

.caption {
    font-family: 'Courier New', Courier, monospace;
}

.body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin-left: 1.0in;
    margin-right: 1.0in;
}

.heading1 {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 14pt;
    font-weight: bold;
}


/* Layout */
.flex-column {
    display: flex;
    flex-direction: column;
}
.grid2 {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 0.2in;
    row-gap: 0.1in;
}
.col1 { grid-column: 1; font-weight: bold; }
.col2 { grid-column: 2; }
.col3 { grid-column: 3; }

.align-items-center { align-items: center; }

/* Margins */
.ms-b { margin-bottom: 0.1in; }
.mm-b { margin-bottom: 0.2in; }
.ml-b { margin-bottom: 0.4in; }


/* Mobile Overrides */
/* ================ */
@media only screen and (max-width: 768px) 
{
    .body {
        margin-left: 0.2in;
        margin-right: 0.2in;
    }
    .grid2 {
        display: flex;
        flex-direction: column;
    }
    .col2 { margin-bottom: 0.1in; }
}