style.css

/*
 Theme Name:   Olsen-Light Devoted
 Description:  A child theme for Olsen-Light, modified for Ronie.se
 Author:       Johan Dahl
 Author URI:   http://johandahl.com
 Template:     olsen-light
*/

body {
    font-size: 16px;
}

.nav {
    font-size: 16px;
}

.site-header {
    background: #000000;
}

.site-bar {
    background-color: #FFFFFF;
}

.site-logo h1 a {
    color: #FFFFFF;
    font-size: 1.5em;
}
.site-logo p.tagline {
    color: #FFFFFF;
    font-size: 1.25em;
}

.site-bar .site-tools {
    width: auto;
}

.site-bar {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

@media (min-width: 480px) {
    .site-bar  {
        flex-direction: row;
    }
}

.site-bar .nav {
    width: auto;
    float: none;
    flex: 1;
}

.site-bar .nav ul {
    display: flex;
}


#footer .nav ul {
    display: flex;
    flex-direction: column;
}

@media (min-width: 480px) {
    #footer .nav ul {
        flex-direction: row;
    }
}