// Basic layout styles
html {
    height: 100%;
    width: 100%;
}
body {
    background: #fff; // fallback
    color: #444;
    font: 16px/21px 'DroidSans', Arial, sans-serif;
    -webkit-font-smoothing: antialiased; // Fix for webkit renderin
    height: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    width: 100%;
}

.wrapper {
    align-content: stretch;
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    min-height: 100%;
    padding-left: 90px;
}

.menu-secondary {
    background: $whitish;
    flex-basis: 260px;
    flex-grow: 1;
    flex-shrink: 0;
    padding: 2em 1em;
}

.menu-tertiary {
    background-color: $dark-grayish-lime-green;
    flex-basis: 190px;
    flex-grow: 1;
    flex-shrink: 0;
    padding: 2em 1em;
}

.extrabar {
    background: $whitish;
    // display: none;
}

.main {
    flex-basis: 600px;
    flex-grow: 8;
    flex-shrink: 0;
    padding: 2em;
}

.icon {
    font-family: 'taiga';
}