html, body {
    font-size: 18px;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
}

html *, body * {
    font-family: inherit;
}

.header {
    min-height: 100vh;
    background: url('images/management.jpg') no-repeat;
    background-size: cover;
    background-position: 10% 0;
}

.text {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.text__title,
.text__tagline,
.text__footer {
    color: rgba(0, 0, 0, 0.8);
}

.text__title {
    flex: 0 0 auto;
    font-size: 6em;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
}

.text__tagline {
    flex: 1 0 auto;
    font-size: 2em;
    padding-left: 0.22em;
}

.text__footer {
    flex: 0 0 auto;
    text-align: right;
    padding-bottom: 1em;
}

.banner-dark {
    background: rgba(0, 0, 0, 0.5);
}

.banner-light {
    background: rgba(255, 255, 255, 0.3);
    /* padding: 0 0.2em; */
}

@media screen and (max-width: 576px) {
    html, body {
        font-size: 14px;
    }

    .text__footer {
        padding-bottom: 6em;
    }
}