_sass/modules/_mainmenu.scss

nav.mainmenu {
    display:block;
    margin:0 auto 2rem auto;
    text-align:center;
    padding-top: 12px;
    display:inline-block;
    text-transform: uppercase;
    font-weight:bold;
    &.active { border-bottom: 2px solid white;}
    
    li+li {
        margin-left:1*$grid-column;
    }

    a, a:active {
        border:none;
        color:rgb(233, 120, 38);
        font-weight:500;
        text-decoration: none;
    }
    
    a:hover {
        color: #303284;
    }    
    
}
.nav-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
   
    &:last-child {
        flex-grow: 1;
        
        justify-content: right;
        
        @include breakpoint($breakpoint-20, 'max-width') {
           justify-content: center;
        }
        
        font-size: 2rem;
        flex-wrap: nowrap;
    }
}

.nav-items {
   padding-right: 1rem;
    
   &:hover {
       color: $color-brand-50;
   }
}

.nav-logo {
    text-align:center;

    display:flex;
    padding-right: 1rem;

    @include breakpoint($breakpoint-20, 'max-width') {
        
        margin:0;
        @include prepend(1);
        
        justify-content: center;
        align-items: center;
    }
    img {
        display:inline-block;
        width: 200px;
    }
}