.projects-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2em;
}

@media screen and (max-width: 1280px) {
    .projects-grid { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 768px) {
    .projects-grid { grid-template-columns: 1fr; }
}

.project {
    min-height: 320px;
    display: flex;
}

.project .background {
    background-size: cover !important;
    display: flex;
    justify-content: center;
    width: 100%;
}

.project .logo {
    display: flex;
    background: rgba(0,0,0,0.5);
    width: 100%;
    align-items: center;
    justify-content: center;
    transition:background 0.3s linear;
    padding-left:25px;
    padding-right:25px;
}

.project .logo:hover {
    background: rgba(0,0,0,0.8);
    transition:background 0.3s linear;
}

.project .logo img {
	max-width: 205px;
}