.site-about {
    padding: 20px;
}

.site-about h1 {
    font-size: 28px;
    color: #194505;
    margin-bottom: 20px;
}

.site-about .description {
    font-size: 16px;
    color: #194505;
    margin-bottom: 30px;
}

.certificates {
    display: flex;
    justify-content: center; /* Ensures even spacing */
    gap: 10px; /* Smaller gap between images */
    margin-top: 20px; /* Adds some space from the text above */
}

.certificates a img {
    width: 200px; /* Ensure all certificates are the same width */
    height: auto; /* Maintain aspect ratio */
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease-in-out;
}

.certificates a img:hover {
    transform: scale(1.05);
}

@media (max-width: 768px) {
    .site-about h1 {
        font-size: 24px; /* Slightly smaller font size on mobile */
    }

    .site-about .description {
        font-size: 14px; /* Smaller text for better readability on mobile */
    }

    .certificates {
        justify-content: center; /* Center the certificates */
        gap: 10px; /* Maintain a small gap between the images */
    }

    .certificates a img {
        width: 100%; /* Full width of the screen for each certificate */
        max-width: 300px; /* Limit the size so it doesn't grow too large */
    }
}