@media (min-width:1200px) {
    .container {
        max-width: 960px
    }
}

body { color: #666; }

div.title a {
    color: #79309c;
    font-size: 1.4em;
    line-height: 1em;
    font-weight: bold;
    text-decoration: none;
}

div.subtitle {
    color: #666;
    font-size: 0.9em;
    line-height: 1.3em;
}

div.subtitle span { font-size: 1.4em; }

nav.main .nav-link { padding: 0; }

nav.main a {
    text-transform: uppercase;
    color: #666;
    text-decoration: none;
    display: inline-block;
    background-color: #e5e5e5;
    background: linear-gradient(to bottom, rgba(239,239,239,1) 0% ,rgba(230,230,230,1) 100%);
    border-radius: 8px;
    box-shadow: 2px 2px 2px #dbdbdb;
    height: 30px;
    line-height: 30px;
    width: 182px;
    text-align: center;
    margin-right: 3px;
    letter-spacing: 0.02em;
}

nav.main a:hover,
nav.main a.active {
    background-color: #e7d6f6;
    background: linear-gradient(to bottom, rgba(231,214,246,1) 0%,rgba(237,213,247,1) 100%);
    box-shadow: 2px 2px 2px #e5c1f4;
    color: #666;
}

.subnav a { text-decoration: none; }

a, a:hover { color: inherit; text-decoration: underline; }

h2, h4, h5 { margin-top: 3rem; }

@media print {
    .container {
        max-width: 100% !important;
        width: 100% !important;
    }
}