.section.archive {padding-top: 9.1428571429rem;padding-bottom: 9.1428571429rem;font-size: 1.2857142857rem;color: oklab(0.159066 0 0/0.6); } .section.archive > .container h1, .section.archive > .container .h1 {font-size: 3.4285714286rem;text-transform: none;margin-bottom: 0;line-height: 1;color: var(--color5);letter-spacing: -0.1714285714rem;text-transform: uppercase;max-width: 400px;margin-right: 4.5714285714rem; } .section.archive > .container h1.h1-lg, .section.archive > .container .h1.h1-lg {font-size: 5.1428571429rem; } .section.archive > .container .subtitle {text-transform: uppercase;color: var(--color3);letter-spacing: 0.3rem;font-size: 1rem;font-weight: 700;margin-bottom: 1.7142857143rem; } .section.archive > .container .text {max-width: 770px; } .section.archive > .container .row-card {margin-top: 4.5714285714rem; } @media (min-width: 992px) {.section.archive > .container .col-card {flex: 0 0 20%;max-width: 20%;} } .section.archive > .container .col-btn {display: flex;flex-direction: column;align-items: flex-end;justify-content: flex-end;padding-top: 3.4285714286rem; } .section.archive > .container .btn {font-size: 0.7142857143rem;text-transform: uppercase;color: var(--color5);letter-spacing: 0.2142857143rem;border-bottom: solid 0.1428571429rem var(--color3);padding: 0 0 0.5714285714rem 0;font-weight: 700;box-shadow: none; } .section.archive > .container .btn svg {width: 0.7142857143rem;height: auto;position: relative;top: -0.0714285714rem; } .section.archive > .container .btn:hover {color: var(--color3); }