//
// Logo
//

// default logo
.logo {
    fill: $brand-04;
    width: 168px;
    height: 40px;
    display: block;
}


//
// Color modifiers
//
.logo--white {
    fill: #fff;
}

.logo--dark {
    fill: $brand-03;
}


//
// Size modifiers
//
.logo--lg {
    width: 300px;
    height: 70px;
}

.logo--sm {
    width: 75px;
    height: 17px;
}