.slider {
        display: flex;
        flex-wrap: wrap;
        max-width: 100vw;
        justify-content: center;
        align-items: stretch;
        gap: 1rem;
        padding: 0rem !important;
        padding-bottom: 1rem !important;
        /*        border: 1px pink solid;*/
    }

    .slider > * {
        width: calc(25% - 3rem);
        max-width: 25%;
        min-width: 300px;
        flex-grow: 1;
        list-style-type: none;
    }


    .slider li {        
        padding: 0rem !important;        
        /*        border: 1px grey solid;*/
        box-shadow: 1px 1px 8px rgba(200, 200, 200, .4);
        border-radius: 0.4rem;

    }


    .slider li a:focus{
        display:block;
        border: 2px #CC0000 solid;
        border-radius: 6px;
        height: 100%;
    }

    .slider li .slide-contents{
        position:relative;
        height: 100%;
    }

    .slider li .slide-contents .slide-overlay{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        opacity:0;
    }

    .slider li .slide-contents .slide-overlay:hover{
        opacity: 1;
        display: block;
        overflow: hidden;
        box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4);
    }


    .slider img {
        width: 100%;
        height: 320px;
        object-fit: cover;
    }

    .slider .main-content{
        padding: 1rem;
        margin-bottom: 1rem;
    }

    .slider li h3 {
        font-size: 1rem;
        margin-top: 1rem;
    }

    .slider li h4 {
        font-size: .8rem;
        font-weight: bold;
        margin-top: .4rem;
/*        text-align: right;*/
    }