@import url('./header.css');
@import url('./footer.css');

.project {
    margin-bottom: 1rem;
}

.project__link {
    overflow: hidden;

    img {
        transition: all 0.3s;
    }

    img:hover {
        transform: scale(1.3);
    }
}

.partners img {
    max-width: 100%;
    filter: grayscale();
    opacity: 0.7;
}

@media screen and (min-width: 991px) {
    .project:nth-child(4n - 3) {
        align-items: start !important;
    }

    .project:nth-child(4n) {
        align-items: end !important;
    }
}