﻿#logo-grid .row
{
    display: flex;
    gap: 1rem 0;
}
#logo-grid .row .col-md-auto
{
    width: 20%;
}
@media(max-width: 768px)
{
    #logo-grid .row .col-md-auto
    {
        width: 50%;
    }
}
#logo-grid .row .col-md-auto .logo-grid-item
{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    outline: 1px solid #5c6d7f;
}
#logo-grid .row .col-md-auto .logo-grid-item img
{
    width: 90%;
    height: auto;
    filter: grayscale(1);
}
#logo-grid .row .col-md-auto .logo-grid-item img:hover
{
    filter: grayscale(0);
}