.downloads h2 {
    color: #00a6eb;
}

.conce {
    margin: 0 2em; /* Reduced margin for smaller screens */
    background-color: #f3f3f3;
    border-radius: 20px;
}

.conce1 {
    display: flex;
    justify-content: center;
}

.conce_1, .conce_2, .conce_3 {
    padding: 1em; /* Adjust padding for mobile */
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.conce_1 h2, .conce_2 h2, .conce_3 h2 {
    font-size: 1.2rem; /* Smaller font size for mobile */
    font-family: "Roboto", Arial;
}

.conce_1 img, .conce_2 img, .conce_3 img {
    width: 100%; /* Make images responsive */
    max-width: 400px; /* Set initial max width */
    height: auto; /* Adjust height based on width */
    box-shadow: 10px 10px 10px rgba(148, 148, 148, 0.315); /* Reduced shadow for mobile */
    border-radius: 20px;
}

/* Media queries for mobile responsiveness */
@media (max-width: 768px) {
    .conce {
        margin: 0 1em; /* Further reduce margins on small devices */
    }

    .conce_1 img, .conce_2 img, .conce_3 img {
        max-width: 350px; /* Shrink images for medium screens */
    }

    .conce_1 h2, .conce_2 h2, .conce_3 h2 {
        font-size: 1rem; /* Smaller font size for medium screens */
    }
}

@media (max-width: 480px) {
    .conce {
        margin: 0 0.5em; /* Minimal margins for extra small screens */
    }

    .conce_1 img, .conce_2 img, .conce_3 img {
        max-width: 250px; /* Shrink images further for small screens */
    }

    .conce_1 h2, .conce_2 h2, .conce_3 h2 {
        font-size: 0.9rem; /* Smaller text size for extra small screens */
    }
}

@media (max-width: 320px) {
    .conce_1 img, .conce_2 img, .conce_3 img {
        max-width: 200px; /* Smallest size for very small screens */
    }

    .conce_1 h2, .conce_2 h2, .conce_3 h2 {
        font-size: 0.8rem; /* Further reduce text size */
    }
}