.main-nav {
    background-color:transparent;
    /*position:fixed;
    bottom:0;*/
    width: 100%;
    display: flex;
    justify-content: center;
    overflow: auto;
}

.main-nav ul {
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        list-style: none;
 }

    .main-nav a {
        padding: 1.25rem 0.5rem;
        font-size: 1.6rem;
        max-width: 140px;
        font-weight: bold;
        text-decoration: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #e1ffff;
        background-color: #337ab7;
    }

.link-nav {
    font-weight: bold;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
    justify-content: center;
    overflow: hidden;
    white-space: nowrap;
    color: #e1ffff;
    background-color: #337ab7;
    -webkit-tap-highlight-color: transparent;
    transition: background-color 0.1s ease-in-out;
    min-width:140px;
}

    .link-nav:hover {
        background-color: #4f5b69;
    }




.main-nav a :hover {
    background: #4f5b69;
}

.main-nav a svg {
    /*fill: #e1ffff; */
   }


.options {
    text-align: center;
    padding: 2rem 0;
}

.options select {
        margin-right: 2rem;
    }


@media (min-width: 1000px) {
    .main-nav a {
        max-width: 500px;
        font-size: 2rem;
    }

    .icon {
        width: 48px;
        height: 48px;
    }
}