.references {padding-top: 3.05rem;padding-bottom: 3.05rem;max-width: 1920px;margin-left: auto;margin-right: auto;margin-bottom: -1.8rem; } .references .title-article {color: var(--black);text-align: center; } .references .title-article::before, .references .title-article::after {content: "";display: inline-block;border-top: 0.2rem solid var(--primary);width: 3rem;transform: translateY(-0.5rem);margin: 0 0.8rem; } .references .image {text-align: center; } .references .categories {display: flex;flex-wrap: wrap;gap: 0.75rem;align-items: center; } .references .categories h2 {font-size: 1.5rem; } .references .categories p {background-color: var(--white);padding: 0.5rem 0.9rem;border-radius: 0.9rem;font-weight: 700; } @media (max-width: 767.98px) {.references .categories {flex-direction: column;gap: 0.25rem;}.references .categories p, .references .categories h2 {margin-bottom: 0;} } .section.references {margin-top: -4.95rem;padding-bottom: 6.1rem;background: var(--black); } .section.references > .container h1, .section.references > .container .h1 {margin-bottom: 2.5rem;max-width: 47.5rem;margin-left: auto;margin-right: auto; } .section.references > .container .row-card {padding-top: 1.45rem;margin: 0;display: grid;align-items: stretch;gap: 1.8rem;grid-template-areas: "item-1" "item-2" "item-3" "item-4" "item-5"; } @media (min-width: 576px) {.section.references > .container .row-card {grid-template-areas: "item-1 item-2" "item-1 item-3" "item-4 item-5";} } @media (min-width: 992px) {.section.references > .container .row-card {grid-template-areas: "item-1 item-2 item-3" "item-1 item-4 item-5";} } .section.references > .container .row-card .col-card {padding: 0;max-width: none;aspect-ratio: 454/272; } .section.references > .container .row-card .col-card.item-1 {grid-area: item-1;aspect-ratio: 454/580; } .section.references > .container .row-card .col-card.item-2 {grid-area: item-2; } .section.references > .container .row-card .col-card.item-3 {grid-area: item-3; } .section.references > .container .row-card .col-card.item-4 {grid-area: item-4; } .section.references > .container .row-card .col-card.item-5 {grid-area: item-5; }