.nav-stripes {
    border-bottom: 3px solid #ddd;
    background-color:#FFF;
}

        .nav-stripes .nav li a {
            color: #aaa;
            padding: 20px;
            transition: none;
            border-bottom: 3px solid transparent;
            margin-bottom: -3px;
        }

        /* active */
        .nav-stripes .nav li a:hover,
        .nav-stripes .nav .active a,
        .nav-stripes .nav .active a:hover {
            background: none;
            color: #298ccd;
            border-color: #298ccd;
        }
        .nav-stripes .nav li a:focus {
            background: none;
        }

        /* Justify items */
        .nav.nav-justified {
            font-size: 15px;
        }


        /* Icons */
        .nav-stripes-icon .nav li a {
            padding: 20px 10px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }
            .nav-stripes-icon-sm .nav li a {
                padding: 8px 0px 20px 0px;
            }
            .nav-stripes-icon .nav [class^="fa-"] {
                display: block;
                font-size: 30px;
                margin-bottom: 5px;
                transition: all ease 0.2s;
            }
            .nav-stripes-icon-sm .nav [class^="fa-"] {
                font-size: 30px;
                margin: 0px;
                display: inline;
                position: relative;
                top: 7px;
                margin-right: 5px;
            }
            .nav-stripes-icon-sm .nav span {
                display: inline;
                width: auto;
            }


        /* Small nav less padding ("mer om lok-stöd") */
        .nav-stripes-sm .nav li a {
            padding: 20px 0px;
        }


        /* Sticky nav fix */
        .navbar-fixed {
            padding-top: 108px;
        }


.nav.nav-justified {
    display: flex;
    width: 100%;
}
    .nav.nav-justified li {
        flex-grow: 1;
    }





@media screen and (max-width: 1020px) {
    .nav-stripes-icon-sm .nav li a {
        font-size: 12px;
    }
}



@media screen and (max-width: 767px) {
    
    /* Sticky nav fix */
    .navbar-fixed {
        padding-top: 91px;
    }


    .nav-stripes .center {
        padding: 0px;
        width: auto;
    }


    .main-navbar .nav.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

    .nav-stripes.nav-stripes-sm {
        border:0;
    }
    .nav-stripes-sm .nav.nav-justified {
        display: table;
    }

    .nav-stripes-icon .nav li a {
        padding: 15px 20px;
    }

}