@media only screen and (max-width: 768px) {
    #story {
        padding: 40px 30px;
        min-height: auto;
        background-position: center top;
    }

    #story h4 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    #story p {
        font-size: 16px;
        text-align: left;
    }

    #story p.lead {
        font-size: 20px;
        text-align: left;
    }

    #story .icon-text {
        font-size: 40px;
    }

    #story img {
        max-height: 70px;
    }

    .equal-block {
        min-height: auto;
    }

    #story .btn-warning {
        padding: 15px 20px;
        font-size: 14px;
    }

    /* Ajustes para alinhamento e espaçamento em telas menores */
    #story .row .col-md-8 {
        text-align: left;
        padding: 0;
    }

    #story .stcard {
        padding: 15px 0;
    }

    #story .stcard:hover {
        transform: scale(1.03);
    }
}