.masthead {
    &:extend(.container all);
    display: block;
    text-align: center;
    padding-top: 2em;
    padding-bottom: 4em;

    h1, p {
        color: @text-light-color;
        text-shadow: @header-text-shadow;
    }

    h1 {
        font-size: 48px;
    }

    p {
        font-size: 22px;
    }

    .masthead-get-started-button {
        margin-top: 2em;
        .button-outline-variant(black, white);
    }
}