diff --git a/src/styles/trust.css b/src/styles/trust.css index a016395..33c4a99 100644 --- a/src/styles/trust.css +++ b/src/styles/trust.css @@ -162,7 +162,7 @@ height: 100%; } -@media (max-width: 1024px) { +@media (max-width: 1199px) { .trust-card__copy { align-items: center; text-align: center; @@ -215,7 +215,7 @@ } } -@media (min-width: 768px) and (max-width: 1024px) { +@media (min-width: 768px) and (max-width: 1199px) { .trust__grid > .trust-card:nth-child(1), .trust__grid > .trust-card:nth-child(5) { position: relative; @@ -242,6 +242,19 @@ padding-right: 36px; } +} + +@media (min-width: 1200px) { + .trust__title { + font-size: 48px; + letter-spacing: var(--ls-48); + } + + .trust__description { + font-size: 18px; + letter-spacing: var(--ls-18); + } + .trust__grid { display: flex; gap: 24px; @@ -256,18 +269,6 @@ } } -@media (min-width: 1200px) { - .trust__title { - font-size: 48px; - letter-spacing: var(--ls-48); - } - - .trust__description { - font-size: 18px; - letter-spacing: var(--ls-18); - } -} - @media (min-width: 1376px) { .trust { padding-top: 120px;