@media(max-width:992px) {

    .hero-section {
        text-align: center;
    }

        .hero-section h1 {
            font-size: 2.6rem;
        }

    .hero-placeholder {
        margin-top: 40px;
    }
}

@media(max-width:576px) {

    .hero-section h1 {
        font-size: 2rem;
    }

    .btn-lg {
        width: 100%;
        margin-bottom: 10px;
    }

    .service-card {
        margin-bottom: 25px;
    }
}