.toppers {
    color: white;
    font-size: 28px;
    margin-bottom: 10px;
}

@media (max-width: 600px) {
    #heading {
        font-size: 28px;
        padding: 0 10px;
    }

    #inspireText {
        font-size: 16px;
        padding: 0 10px;
        max-width: 100%;
        border-bottom: 1px solid white;
    }

    .section {
        flex-direction: column;
        text-align: center;
        gap: 20px;
        margin: 30px 10px;
    }

    .section.reverse {
        flex-direction: column;
    }

    .section img {
        width: 90%;
    }

    .text-block, .textBlock {
        width: 100%;
        padding: 0 10px;
    }

    .text-block p, .textBlock p {
        font-size: 16px;
    }

    .toppers {
        font: 22px;
        margin-bottom: 5px;
    }

    body {
        padding-bottom: 40px;
    }

    #menu-icon {
        width: 40px;
        height: auto;
        margin: 10px;
    }

    .sidebar {
        width: 70%; /* Make sidebar smaller for mobile */
    }
}