:root {
  --main-color: #555960;
  --transition: all 250ms cubic-bezier(.4,0,.2,1);
  --header1: 3.052rem;
  --header2: 2.441rem;
  --header3: 1.953rem;
  --header4: 1.563rem;
  --header5: 1.25rem;
  --header5hover: 1.28rem;
  --paragraph: 1rem;
  --button: 0.9rem;
  --img-height: 300px;
}

/* Dynamic Nav Bar - Used by index_html.html */
.dynamicNav-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.dynamicNav-div {
    flex: 1;
    min-width: calc(33.33% - 2px);
    box-sizing: border-box;
    margin: 1px;
    text-align: center;
    font: bold 0.9rem/1 "United Sans", Impact, "Arial Black", sans-serif;
    border: 2px solid #8e6f3e;
    background-color: #8e6f3e;
    color: #000;
    cursor: pointer;
    transition: all 0.1s ease-out;
    opacity: 0.9;
    overflow: hidden;
    white-space: normal;
    text-overflow: wrap;
}

.dynamicNav-div a {
    font-family: "United Sans", Impact, "Arial Black", sans-serif !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #000 !important;
    padding: 8px 3rem 6px 3rem;
    width: 100%;
    height: 100%;
}

.dynamicNav-div:hover a {
    color: #8e6f3e !important;
    text-decoration: none !important;
}

.dynamicNav-div:hover {
    background-color: #fff;
    opacity: 0.8;
}