// ==========================================================================
// Header
// ==========================================================================

header {
    padding-bottom: @spacing-base;
    text-align: center;

    .call-to-action {
        margin-top: (@spacing-base * 1.5);
    }

    @media @mq-md {
        max-width: 360px;
        margin-right: (@spacing-base * 3);
        padding-bottom: (@spacing-base * 2);
        text-align: left;
    }
}