.library picture img {
    aspect-ratio: 3/4;
    object-fit: cover;
    width: 100%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.library a.pdf,
.publication a.pdf {
    margin-top: 10px;
    text-decoration: none;
    color: var(--white);
    background-color: var(--red);
    background-image: url(../svg/pdf.svg);
    background-size: 20px;
    background-position: left 10px center;
    background-repeat: no-repeat;
    padding: 5px 10px 5px 35px;
    border-radius: 5px;
}

.library a.pdf {
    display: block;
}

.publication a.pdf {
    display: inline-block;
}

.f6 {
    display: flex;
    flex-wrap: wrap; /* INFO: Позволява елементите да се пренасят на нов ред при малка ширина */
    justify-content: center;
    gap: var(--gap); /* INFO: Разстояние между елементите */
}

.f6 > div {
    box-sizing: border-box; /* INFO: За да се избегне преразмеряване от padding */
}

@media (max-width: 499.999px) {
    .f6 > div {
        width: calc((100% - var(--gap)) / 2); /* INFO: Разделя контейнера на 2 равни части, отчитайки gap */
    }
}

@media (min-width: 500px) and (max-width: 979.999px) {
    .f6 > div {
        width: calc((100% - var(--gap) * 2) / 3); /* INFO: Разделя контейнера на 3 равни части, отчитайки gap */
    }
}

@media (min-width: 980px) and (max-width: 1199.999px) {
    .f6 > div {
        width: calc((100% - var(--gap) * 3) / 4); /* INFO: Разделя контейнера на 4 равни части, отчитайки gap */
    }
}

@media (min-width: 1200px) {
    .f6 > div {
        width: calc((100% - var(--gap) * 5) / 6); /* INFO: Разделя контейнера на 6 равни части, отчитайки gap */
    }
}

/* *********** */

.publication {
    display: flex;
    justify-content: center;
    gap: var(--gap);
}

.publication > div:first-child {
    flex: 2;
}

.publication > div:last-child {
    flex: 3;
}

.publication h2 {
    margin-top: 0;
    line-height: 70px;
    /* color: var(--blue); */
}