body {
    font-size:.9em;
    
}

section {
    background-color:#ffffff;
    color:#000000;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight:normal;
    font-size:.8em;
    padding-top:1px;
}


h4, h5, .h3inline, .h4inline, .h5inline {
    font-family:baloo; 
}


h2 {
    font-size:3em;
    color:#872e2e;
}


h3, .h3inline {
    
    font-size:2rem;
    color:#a85e2c;
}

h4, .h4inline {
    font-size:1rem;
    color:#9c793b;
}



h5, .h5inline {
    font-size:.9rem;
    color:#547650;
}

.geninfogrid {
    display: grid;
    grid-template-columns: 25% 75%;
    grid-gap: 5px;
    width: 85%;
    margin: auto;
    overflow: hidden;
    padding-top: 5px;
}

    .geninfogrid > div {
        background-color: #a78585;
        font-family: caviar;
        height: 30px;
        padding-left: 5px;
        font-size: 1.5em;
    }

        .geninfogrid > div:nth-child(odd) {
            font-weight: bolder;
            color: #ffffff;
        }

    .geninfogrid div a {
        color: #ffffff;
    }

        .geninfogrid div a:hover {
            color: #fbd48f;
        }

.colcontain {
    width:83%;
    margin:auto;
    
}
/*
[class*="colgrid"] {
    float: left;
    
    -webkit-text-stroke: 1px #523e30;
}
 */

ul.colgrid {
    list-style-type:none;
    
    
}

ul.colgrid a {
    color:#ffffff;
}

ul.colgrid a:hover {
    color:#fbd48f;
}

ul.colgrid::after {
    content:" ";
    display: block; 
  height:450px; 
  visibility: hidden; 
}


ul.colgrid li {
    padding:5px;
    background-color:#a78585;
    margin-bottom:3px;
    margin-right:3px;
}

ul.colgrid li:nth-child(odd) {
    width:33%;
    font-weight:bolder;
    font-family:caviar;
    color:#ffffff;
    float:left;
}

ul.colgrid li:nth-child(even) {
    width:64%;
    float:left;
}

@media screen and (max-width: 1200px) {
    ul.colgrid::after {
        height:500px;
    }

     ul.colgrid li:nth-child(even) {
        width:48%;
    }

     ul.colgrid li:nth-child(odd) {
        width:48%;
    }
    
   
}

@media screen and (max-width: 900px) {
     ul.colgrid::after {
        height:850px;
    }
    
    ul.colgrid li:nth-child(even) {
        width:100%;
    }

    ul.colgrid li:nth-child(odd) {
        width:100%;
    }
    
   
}

.spacer:before {
    height:20px;
}

a {
    color:#9c793b;
}


a:hover {
    color:#547650;
}

nav a {
    color:#e0b974;
}

nav a:hover {
    color:#ffffff;
    text-decoration:none;
}

caption {
    font-family:fortysecond;
    font-weight:normal;
    font-size:2em;
    color:#41513f;
}

th, td {
    border:1px solid #000000;
    font-size:1.3em;
}

th {
    text-align:left;
    background-color:#494848;
    color:#ffffff;
}

tr:nth-child(odd) {
    background-color:#cdd1d7;
}

table#competency {
    width:95%;
    margin:auto;
    padding-bottom:20px;
}

table#competency th:nth-of-type(1) {
    width:10%;
    text-align:center;
}

table#competency th:nth-of-type(2) {
    width:35%;
}

table#competency th:nth-of-type(3) {
    width:10%;
}


table#competency th:nth-of-type(4) {
    width:45%;
}



td.mod {
    text-align:center;
    font-weight:bolder;
    color:#ffffff;
    background-color:#495668;
}