/* safetytraining.css
 * - breaking out of inline and bringing it into the new phone era (originally: 2007-2016) -
 * - author: Peter M Plett
 *
 * - version control:
 *
 *	20250220 - initial transfer from demo styling internally - pmp
 *	20250221 - add header content to replicate across .html files - pmp
 *
 */

body {
    margin: 0;
    background-color: #3e5a15;
}

#boxmodel {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

#pageheading {
    font-family: "Impact", Arial, sans-serif;
    font-size: 2.5em;
    color: #fff;
    background-color: #6f2c4f;
    text-align: center;
    padding: 1em 0;
}

#pageheading:after {
	content: "Laboratory Techniques in Chemistry";
}

.container {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    border: 1px solid black;
    background-color: #369;
    padding: .5em;
}

.col {
    flex: 0 0 50%;
}

.info {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #fff;
    line-height: 1em;
    padding: 1em;
}

.info .chapter {
    font-size: 2em;
}

.info .title {
    font-size: 1.2em;
}

@media screen and (max-width:768px) {
    .container {
        flex-flow: column nowrap;
        padding: .25em;
    }
}

@media screen and (max-width:500px) {
    #pageheading {
        font-size: 2em;
    }
}