#footer-top-wrapper { position: relative; isolation: isolate; background: var(--pg-color-ink); display: flex; align-items: center; justify-content: center; min-height: 500px; } #footer-top-wrapper > .pg-footer-cta-background { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center right; z-index: -2; background: transparent; } #footer-top-wrapper:after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(0,0,0,.6), rgba(0,0,0,.2)); pointer-events: none; } #footer-top-wrapper img { background: var(--pg-color-surface); width: 100%; height: auto; } #footer-top-wrapper h2 { color: var(--pg-color-surface); font-weight: 500; margin: 0 0 20px 0; line-height: 100%; text-transform: none; font-size: 36px; } @media (max-width: 992px) { #footer-top-wrapper h2 { font-size: 32px; } } @media (max-width: 767px) { #footer-top-wrapper h2 { font-size: 28px; } } @media (max-width: 420px) { #footer-top-wrapper h2 { font-size: 24px; } } #footer-top-wrapper h2 strong { color: var(--pg-color-accent); font-weight: 500; text-transform: none; } #footer-top-wrapper a { display: inline-block; } footer { position: relative; background-color: var(--pg-color-ink); z-index: 8; } footer div { flex: 1 1 0px; } footer .footer-content-wrapper { display: flex; } footer .logo img { display: block; max-width: 150px; margin-bottom: 32px; } footer a.logo:hover { margin-left: 0; } footer hr { border-top: 0; } footer .column-title { display: block; font-size: 21px; font-weight: 700; color: var(--pg-color-surface); text-decoration: none; margin-bottom: 32px; } footer .menu-title { display: block; font-size: 14px; font-weight: 700; color: var(--pg-color-accent); margin-bottom: 16px; } footer p { font-size: 14px; font-weight: 300; color: var(--pg-color-surface); margin-bottom: 8px; } footer a { display: block; font-size: 14px; font-weight: 300; color: var(--pg-color-surface); text-decoration: none; margin-bottom: 8px; transition: 0.1s linear all; } footer.empty { padding: 30px 0; } footer.empty p, footer.empty a { display: flex; align-items: center; height: 100%; margin-bottom: 0; } footer.empty a:hover { margin: 0; } footer.empty .legal-links { display: flex; align-items: center; justify-content: center; height: 100%; } footer.empty .legal-links a { position: relative; display: flex; align-items: center; line-height: 100%; margin: 0 10px 0 0; padding: 0 10px 0 0; } footer.empty .legal-links a:after { content: ''; position: absolute; right: 0; height: 14px; width: 1px; background-color: var(--pg-color-accent); } footer.empty .legal-links a:last-of-type:after { display: none; } footer.empty .follow-us-links { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0; } footer.empty .follow-us-links ul { display: flex; } footer.empty .follow-us-links-mobile { display: none; text-align: right; } footer a:hover { color: var(--pg-orange); margin-left: 4px; } footer .footer-bottom-wrapper { display: flex; align-items: end; } footer .footer-bottom-wrapper p { display: block; color: var(--pg-color-surface); font-size: 14px; margin: 0; } footer .footer-booter-menu { flex: 3; } footer .footer-booter-menu .legal-links { text-align: center; } footer .footer-booter-menu .legal-links a { display: inline-block; line-height: 100%; margin: 0 6px 0 0; padding: 0 10px 0 0; border-right: 1px solid var(--pg-color-surface); } footer .footer-booter-menu .legal-links a:last-of-type { margin: 0; padding: 0; border: 0; } footer .follow-us-links { text-align: center; margin-bottom: 20px; } footer .follow-us-links p { margin-right: 36px; } footer .follow-us-links ul { padding: 0; margin: 0; } footer .follow-us-links ul li { display: inline-block; margin-right: 15px; } footer .follow-us-links ul li:last-of-type { margin-right: 0; } footer .follow-us-links a img { transition: 0.1s linear all; } footer .follow-us-links a svg { transition: 0.1s linear all; } footer .follow-us-links a:hover svg { fill: var(--pg-orange); transform: scale(1.1); } footer .footer-booter-menu a:hover { color: var(--pg-orange); margin-left: 0; } footer .footer-booter-menu p, footer .footer-booter-menu a { color: var(--pg-color-surface); font-size: 14px; } @media only screen and (max-width: 1280px) { footer .footer-content-wrapper { display: block; } footer .footer-content-wrapper > div { display: inline-block; width: 32%; vertical-align: top; margin-bottom: 40px; } footer.empty .legal-links { display: none; } footer.empty .follow-us-links { display: none; } footer.empty .follow-us-links-mobile { display: block; } } @media only screen and (max-width: 992px) { footer .follow-us-links { justify-content: start; } footer .footer-booter-menu p, footer .footer-booter-menu a { margin-bottom: 16px; } } @media only screen and (max-width: 768px) { footer .footer-content-wrapper > div { width: 47%; margin-right: 3%; } footer .footer-content-wrapper > div:nth-of-type(2n) { margin-right: 0; } #footer-top-wrapper h1 { margin-bottom: 24px; font-size: 101px; font-weight: 500; text-transform: none; } @media (max-width: 992px) { #footer-top-wrapper h1 { font-size: 67px; } } @media (max-width: 767px) { #footer-top-wrapper h1 { font-size: 48px; } } @media (max-width: 420px) { #footer-top-wrapper h1 { font-size: 36px; } } } @media only screen and (max-width: 768px) { footer .footer-bottom-wrapper p { display: none; } } @media only screen and (max-width: 440px) { footer { margin-top: -1px; } #footer-top-wrapper { padding: 60px 0; background: var(--pg-color-ink); min-height: unset; } #footer-top-wrapper .position-absolute { position: static !important; } #footer-top-wrapper .footer-top-content { position: static; transform: none; } #footer-top-wrapper h1 { font-size: 101px; margin-bottom: 32px; font-weight: 500; text-transform: none; } @media (max-width: 992px) { #footer-top-wrapper h1 { font-size: 67px; } } @media (max-width: 767px) { #footer-top-wrapper h1 { font-size: 48px; } } @media (max-width: 420px) { #footer-top-wrapper h1 { font-size: 36px; } } footer .footer-content-wrapper > div { width: 100%; margin-right: 0; } } #footer-top-wrapper { background: var(--pg-color-ink); min-height: 360px; border-top: 1px solid var(--pg-color-gray); padding: 80px 0; } #footer-top-wrapper h2 { font-size: 45px; font-weight: 500; text-transform: none; max-width: 960px; } @media (max-width: 767px) { #footer-top-wrapper h2 { font-size: 36px; } }