div.navBarPadding {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 2px;
    padding-bottom: 2px;
}

@media screen and (max-width: 1100px) {
    div.navBarPadding {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 2px;
        padding-bottom: 2px;
    }
}
a.navMenuItemsPadding {
    padding-right: 35px;
}

@media screen and (max-width: 1100px) {
    a.navMenuItemsPadding {
        padding: 0;
    }
}

.necessTopNav {
    overflow: hidden;
}

.necessTopNav a {
        float:left;
        display: block;
        text-align: center;
        text-decoration: none;
    }
.necessTopNav a:not(:first-child) {
        
}
.necessTopNav .icon{
    display: none;
}
@media screen and (max-width: 1100px) {
    .necessTopNav a:not(:first-child) {
        display: none;
    }
    .necessTopNav a.icon {
        float: right;
        display: block;
    }
}
@media screen and (max-width: 1100px) {
    .necessTopNav.responsive {
        position: relative;
    }
    .necessTopNav.responsive .icon {
            position: absolute;
            right: 10px;
            top: 2px;
        }
        .necessTopNav.responsive a {
            float: none;
            display: block;
            text-align: center;
            text-decoration: none;
        }
}