.logo-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px;
}

    @media(min-width: 544px){
        .logo-grid {
            grid-template-columns: 1fr 1fr;
        }
    }

    @media(min-width: 768px){
        .logo-grid {
            grid-template-columns: 1fr 1fr 1fr;
        }
    }

    @media(min-width: 1125px){
        .logo-grid {
            grid-template-columns: 1fr 1fr 1fr 1fr;
        }
    }

.logo-grid .item {
    background-color: white;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    border-radius: 10px; 
}

.logo-grid .item a {
    height: calc(100% + 40px);
    width: calc(100% + 40px);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -20px;
    position: relative;
    padding: 20px;
    border: 1px solid #E54B24;
    box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.15);
}

.logo-grid .item a img {
    transition: all 0.2s ease-in-out;
}

.logo-grid .item a:hover img {
    transform: scale(1.1);
}

.logo-grid .item a i {
    position: absolute;
    bottom: 10px;
    right: 20px;
    color: #E54B24;
}