/**
* CORPMARK & LOGO Styling
*/
/** Basic corpmark styling */
.corpmark {
    font-family: "Exo 2";
    font-weight: 800;
    font-size: 1.1rem;
    line-height: 1em;
    letter-spacing: -0.05em;
}

/**
 * Logo variant(s)
 * Options are:
 *   - size (jumbo vs large vs medium)
 *   - color (on or off)
 *   - wrap (force wrap the 'Consulting')
 *
 * These expect the corpmark to be split using several spans around the
 * 'm', 'K', 'nife' and 'Consulting' to create the desired effects.
 */
.logo {
    position: relative;
    margin: 0;
    line-height: 0.6;
    padding: 0.25em 0;
    font-size: 1.77em;
}

/**
 * Sizing based on a 16px Perfect Forth scale
 * (http://modularscale.com/scale/?px1=16&px2=&ra1=1.333&ra2=0)
 */
.logo.jumbo {
    font-size: 4.209rem;
}
.logo.large {
    font-size: 3.157rem;
}
.logo.medium {
    font-size: 2.368rem;
}
@media screen and (min-width: 35em) {
    .logo.jumbo {
        font-size: 5.61rem;
    }
    .logo.large {
        font-size: 4.209rem;
    }
    .logo.medium {
        font-size: 3.157rem;
    }
    .logo {
        font-size: 2.368em;
    }

}


.logo .l-m {
    font-size: 1em;
    letter-spacing: -0.238em;
    position: relative;
    z-index: 1;
}
.logo .l-k {
    font-size: 1.333em;
    letter-spacing: -0.134em;
    position: relative;
    top: 0.1em;
}
.logo .l-nife {
    letter-spacing: -0.07em;
}
.logo .l-consult {
    font-size: 0.75em;
    letter-spacing: -0.07em;
}

/** force the 'Consulting' onto a second line, indented to just after the 'K' */
.logo.wrap {
    padding-bottom: 0.8em;
    white-space: nowrap;
    overflow: hidden;
}
.logo.wrap .l-consult {
    position: relative;
    left: -2.3em;
    top: 0.6em;
}

/** Add colors to the logo */
.logo.color .l-m {
    color: #3b7500; /* Green */
}
.logo.color .l-k,
.logo.color .l-nife {
    color: #02124f; /* bark blue */
}
.logo.color .l-consult {
    color: #b02800; /* red/burgundy */
}