@media only screen and (max-width: 767px) {
    .banner__promo {
        text-align: center;
    }
}

.showcase__text.tg
{
    margin-top:1em;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #000;

    @media only screen and (max-width: 991px) {
        align-items: flex-start;
    }
}

@media only screen and (max-width: 991px) {
    .showcase__text.tg
    {
        align-items: flex-start;
    }
}
@media only screen and (max-width: 768px) {
    .showcase__text.tg
    {
        align-items: center;
    }
}

.showcase__text.tg a
{
    background-color: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 0.5em;
}
.showcase__text.tg a img
{
    max-width:32px;
    margin-left: 0.5em;
}

@media only screen and (max-width: 991px) {
    .showcase__text.tg a img
    {
        max-width:18px;
    }
}

@media only screen and (max-width: 450px) {
    .showcase__inner {
        height: 750px;
    }
}