.banner-custom-text {
    margin-left: -12rem;
}

@media (max-width: 768px) {
    .banner-custom-text {
        margin-left: 0;
        text-align: center;
        font-size: 14px; /* You can adjust this */
        white-space: nowrap;
        overflow-x: auto;
        display: block;
    }
}

.banner-custom-text h1.display {
    text-align: center;
    font-family: 'Teko', serif !important;
    text-shadow: 1px 1px 5px #000000;
    color: #fff !important;
}

.banner-custom-text div.banner-subtitle {
    text-align: center;
    padding-bottom: 10px;
    font-family: 'Inter', serif;
    font-weight: 500;
}

@media (min-width: 768px) {
    .banner-custom-text h1.display {
        font-size: 88px !important;
        letter-spacing: 10px;
    }

    .banner-custom-text div.banner-subtitle {
        font-size: 28px !important;
    }

}