.ve-hi {
    color:black !important;
}
a:hover {
    text-decoration: underline;
}
/*
#markdown-toc {
    position:fixed;right:0;top:20%;
    background-color: #ccc;
}
*/

.home-bg-img {
    background-image: url('/assets/img/home-bg-webb-3.jpg?v=2');
    background-size:100%;
}

@media (min-width: 1200px) { 
    .home-bg-img {
        background-image: url('/assets/img/home-bg-webb-2.jpg?v1') !important;
    }  
}

img.size-orig {max-width:96%; height:auto; margin: 0 auto; display: block;}
img + em {max-width:96%; height:auto; margin: 0 auto;display: block; text-align:center;font-size: small; }

img.size-px400 {max-width:96%; height:auto; margin: 0 auto; display: block;}

img.size-s1 {width:50px; max-width:96%; height:auto; margin: 0 auto;display: block;}
img.size-s2 {width:100px; max-width:96%; height:auto; margin: 0 auto;display: block;}
img.size-s3 {width:150px; max-width:96%; height:auto; margin: 0 auto;display: block;}
img.size-small-1 {width:200px; max-width:96%; height:auto; margin: 0 auto;display: block;}
img.size-small-2 {width:300px; max-width:96%; height:auto; margin: 0 auto;display: block;}
img.size-medium-1 {width:400px; max-width:96%; height:auto; margin: 0 auto;display: block;}
img.size-medium-2 {width:600px;   max-width:96%; height:auto; margin: 0 auto;display: block;}
img.size-large-1 {width:800px; max-width:96%; height:auto; margin: 0 auto;display: block;}

.gallery {
    display: grid;
    gap: 10px;
    padding: 10px;
    width: 90%;
    max-width: 1200px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    justify-items: center;
}

.gallery-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 200px;
}

.gallery-item img {
    max-width: 100%;
    max-height: 200px;
    transition: transform 0.3s ease;
    border-radius: 5px; /* Optional: Add rounded corners */
}

.gallery-item:hover img {
    transform: scale(1.1);
}

.caption {
    margin-top: 5px;
    font-size: 14px;
    text-align: center;
    color: #333;
}