.list-title{ 
    color: var(--link-color);
    text-align:start;
}

.grid-title { 
    margin-top: 0;
    text-align: center;
    color: var(--link-color);
}

.grid-title hr {
    position: relative;
}

.grid-footer {
    padding: 1rem;

    justify-content: center;
    align-content: center;
    justify-items: stretch;
    align-self: stretch;
    align-items: stretch;
    justify-self: stretch;

    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(25rem, 100%), 1fr));
    /* grid-auto-rows: 1fr; */
    grid-gap: 1rem;
}

.grid-item { 
    border:2px solid var(--light-text-color); 
    color: var(--main-text-color); 
    max-width: 1fr;

    display: flex;
    flex-direction: column;
}

.item-im { 
    display: flex;
    align-self: center;
    justify-content: center;
    margin: 1rem 1rem 0;
    height: 19rem;
    top: 0%;
}

.item-im img {
    min-width: 0px;
    max-height: 100%;
}

.item-im video {
    min-width: 0px;
    max-height: 100%;
}

.item-title { 
    margin-top:1rem;
}

.item-text { 
    margin-top: 1rem;
    align-self: center;
    text-align:center;

    width:90%;
    height: calc(var(--body-text-size)*10);
    font-size: var(--body-text-size);
}

.item-footer {
    margin-top: 1rem;
    margin-left: 1rem;
    font-size: var(--sub-text-size);
    width: 95%;
}