/* Shared responsive adjustments for the public project views. */
.project-item {
    height: 100%;
}

.project-card-image img {
    max-height: 210px;
    object-fit: cover;
}

.project-card-content {
    min-width: 0;
}

@media (max-width: 767px) {
    .project-item {
        padding: 14px;
    }

    .project-card-image img {
        max-height: 240px;
        padding: 0 !important;
    }

    .project-card-content {
        padding-top: 4px;
    }

    .project-card-content .h4 {
        display: block;
        font-size: 20px;
        line-height: 1.3;
        overflow-wrap: anywhere;
    }

    .project-card-content p {
        overflow-wrap: anywhere;
    }
}