body {
    overflow-x: hidden;
}

@media (max-width: 768px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .row {
        margin-left: 0;
        margin-right: 0;
    }

    h1 {
        font-size: 2.5rem !important;
    }

    .lead {
        font-size: 1.1rem !important;
    }
}

@media (max-width: 576px) {
    .container {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    h1 {
        font-size: 2rem !important;
    }

    .lead {
        font-size: 1rem !important;
    }
}