.container {
    margin: 0 auto;
    padding: 0 10px;
}

.navBar {
    background: #2b395a;
}

.nav {
    margin: 0 -10px;
    padding: 0 10px;
    list-style: none;
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.nav > li > a {
    padding: 10px 12px;
    display: block;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: clamp(8px, 1vw, 14px);
}

.nav > li > a.active {
    border-bottom: 6px solid #E64A19;
}