.references {padding-top: 3.3888888889rem;padding-bottom: 3.3888888889rem;max-width: 1920px;margin-left: auto;margin-right: auto;margin-bottom: -1rem; } .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: 3.3333333333rem;transform: translateY(-0.5555555556rem);margin: 0 0.8888888889rem; } .references .image {text-align: center; } .references .categories {display: flex;flex-wrap: wrap;gap: 0.8333333333rem;align-items: center; } .references .categories h2 {font-size: 1.6666666667rem; } .references .categories p {background-color: var(--white);padding: 0.5555555556rem 1rem;font-weight: 700; } @media (max-width: 767.98px) {.references .categories {flex-direction: column;gap: 0.2777777778rem;}.references .categories p, .references .categories h2 {margin-bottom: 0;} } .references .content {text-align: center;padding: 3.3333333333rem 1.6666666667rem; } .references .content .logo {margin-bottom: 2.7777777778rem;max-width: 13.8888888889rem; } @media (min-width: 768px) {.references .content .logo {max-width: 100%;} } .references .content .gold {color: #D3C5AC; } .references .content .red {color: #FF0000; } .references .content .grey {color: #333333; } .references .content .pink {color: #D18888; } .references .content hr.gold {border-top: 0.1666666667rem solid #D3C5AC;width: 80%; } @media (min-width: 768px) {.references .content hr.gold {border-top: 0.3333333333rem solid #D3C5AC;width: 50%;} } .references .content hr.red {border-top: 0.1666666667rem solid #FF0000;width: 80%; } @media (min-width: 768px) {.references .content hr.red {border-top: 0.3333333333rem solid #FF0000;width: 50%;} } .references .content .h1 {font-size: 2.3333333333rem;text-transform: uppercase;padding: 0;font-weight: 800; } @media (min-width: 768px) {.references .content .h1 {font-size: 3.3333333333rem;} } .references .content .h2 {font-size: 1.7777777778rem;margin-bottom: 0; } @media (min-width: 768px) {.references .content .h2 {font-size: 2.5555555556rem;} } .references .content p:not(.h1):not(.h2) {font-size: 1rem;line-height: 1.7;margin-bottom: 1.6666666667rem; } @media (min-width: 768px) {.references .content p:not(.h1):not(.h2) {font-size: 1.1111111111rem;} } .section.references {background: var(--light); } .section.references h2 {font-size: 1.8888888889rem;text-align: center; } @media (min-width: 768px) {.section.references h2 {font-size: 2.2222222222rem;} } .section.references > .container .card {aspect-ratio: 1/1;padding: 0; } .section.references > .container .card .img-fluid {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; } .section.references > .container .card .card-body {justify-content: flex-end;padding: 2.2222222222rem 2.7777777778rem;z-index: 1; } .section.references > .container .card .card-body .card-title {margin-bottom: 0.5555555556rem;text-transform: uppercase;font-size: 1.6666666667rem;font-weight: 600; } .section.references > .container .card .card-body .card-text {font-size: 1.5rem;font-weight: 300;margin-bottom: 0; }