/* SS_CORPORATE_ALIGNMENT_FIX_V2_START */ #ss-corp-page { width: 100% !important; max-width: 100% !important; overflow-x: clip !important; } #ss-corp-page .ss-wrap { width: min(1120px, calc(100% - 40px)) !important; max-width: 100% !important; } #ss-corp-page .ss-hero-grid, #ss-corp-page .ss-brand-grid, #ss-corp-page .ss-keyring-grid, #ss-corp-page .ss-occasion-grid, #ss-corp-page .ss-quote-grid, #ss-corp-page .ss-section-intro, #ss-corp-page .ss-hero-copy, #ss-corp-page .ss-brand-copy, #ss-corp-page .ss-keyring-visual, #ss-corp-page .ss-occasion-images { min-width: 0 !important; } #ss-corp-page .ss-hero-grid { grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr) !important; gap: clamp(28px, 4vw, 56px) !important; } #ss-corp-page .ss-hero-copy { position: relative !important; z-index: 2 !important; } #ss-corp-page .ss-hero-photo { width: 100% !important; max-width: 430px !important; justify-self: end !important; margin: 0 !important; transform: rotate(1.25deg) !important; overflow: visible !important; } #ss-corp-page .ss-hero-photo img { display: block !important; width: 100% !important; height: auto !important; max-height: none !important; aspect-ratio: auto !important; object-fit: contain !important; object-position: center !important; } #ss-corp-page .ss-keyring-visual, #ss-corp-page .ss-occasion-images { width: 100% !important; max-width: 650px !important; justify-self: end !important; } #ss-corp-page .ss-keyring-visual .ss-polaroid img, #ss-corp-page .ss-occasion-images img, #ss-corp-page .ss-image-top, #ss-corp-page .ss-image-bottom { width: 100% !important; height: auto !important; max-height: none !important; aspect-ratio: auto !important; object-fit: contain !important; object-position: center !important; } #ss-corp-page .ss-polaroid, #ss-corp-page figure, #ss-corp-page .ss-occasion-images { max-width: 100% !important; } @media (max-width: 1240px) { #ss-corp-page .ss-wrap { width: calc(100% - 32px) !important; } #ss-corp-page .ss-corp-navlinks { display: none !important; } #ss-corp-page .ss-corp-nav { grid-template-columns: auto 1fr !important; gap: 18px !important; padding-left: 20px !important; padding-right: 20px !important; } #ss-corp-page .ss-nav-cta { justify-self: end !important; } #ss-corp-page h1 { font-size: clamp(48px, 6vw, 70px) !important; } #ss-corp-page .ss-hero-photo { max-width: 360px !important; } } @media (max-width: 1080px) { #ss-corp-page .ss-hero-grid, #ss-corp-page .ss-brand-grid, #ss-corp-page .ss-keyring-grid, #ss-corp-page .ss-occasion-grid, #ss-corp-page .ss-quote-grid, #ss-corp-page .ss-section-intro, #ss-corp-page .ss-faq-grid { grid-template-columns: minmax(0, 1fr) !important; } #ss-corp-page .ss-hero-grid, #ss-corp-page .ss-brand-grid, #ss-corp-page .ss-keyring-grid, #ss-corp-page .ss-occasion-grid, #ss-corp-page .ss-quote-grid { gap: 44px !important; } #ss-corp-page .ss-hero-photo, #ss-corp-page .ss-keyring-visual, #ss-corp-page .ss-occasion-images { justify-self: center !important; max-width: min(720px, 100%) !important; } #ss-corp-page .ss-hero-photo { transform: none !important; } #ss-corp-page .ss-brand-copy { order: -1 !important; } } @media (max-width: 650px) { #ss-corp-page .ss-wrap { width: calc(100% - 28px) !important; } #ss-corp-page .ss-corp-nav { padding-left: 14px !important; padding-right: 14px !important; } #ss-corp-page .ss-nav-cta { max-width: 58vw !important; text-align: center !important; white-space: normal !important; } #ss-corp-page h1 { font-size: clamp(44px, 14vw, 62px) !important; overflow-wrap: anywhere !important; } #ss-corp-page h2 { overflow-wrap: anywhere !important; } #ss-corp-page .ss-hero-photo, #ss-corp-page .ss-keyring-visual, #ss-corp-page .ss-occasion-images { width: 100% !important; max-width: 100% !important; } #ss-corp-page .ss-sticker { left: 8px !important; top: -24px !important; } } /* SS_CORPORATE_ALIGNMENT_FIX_V2_END */
top of page
bottom of page