.main-nav {
    display: flex;
    background-color: #255;
    justify-content: space-between;
}

.horizontal 
.nav-list 
li {
    color: white;    
}

.sub-nav {
    display: flex;
}

.search-from {
    display: flex;
    flex-grow: 1; 
}

.search-form > input {
    padding: 10px;
    border: none;
    border-bottom: #255;
}

button {
    padding: 10px;
    border: none;
    color: white;
}

.full-width {
    display: none;
}

.short-width {
    display: flex;
}

@media (min-width: 768px) {
    .short-width {
        display: flex;
    }
    .full-width {
        display: flex;
    }
 }

 .nav-list {
    display: flex;
    flex-direction: row;
 }

a {
    border-right: 3px;
    padding: 20px;
 }

 .nav-list li:last-of-type a {
    border-right: none;
 }