/* ==========================================================================
   Masthead extends and mixins
   ========================================================================== */

/* ==========================================================================
   Masthead
   ========================================================================== */

.masthead {
    &__inner {
        @include xy-grid;
        @include flex-align($x: justify, $y: middle);
    }

    &__logo,
    &__cta {
        @include xy-cell-base(shrink);
    }

    &__cta {
        .button {
            margin: $global-margin 0;
        }
    }
}