.sustainability-wrapper { max-width: none; padding: 0; } .sustainability-container { position: relative; } .sustainability-content { position: absolute; top: 96px; left: 160px; } .sustainability-content a { color: #0067b8 !important; } .sustainability-title { margin-bottom: 32px; max-width: 350px; } @media screen and (min-width: 568px) { .sustainability-title { max-width: 50%; } } @media screen and (min-width: 1084px) { .sustainability-title { max-width: 51%; } .sustainability-wrapper .c-heading-2,h2.sustainability-title{ margin-bottom: 35px; } } @media screen and (min-width: 1600px) { .sustainability-title { max-width: 40%; } } .sustainability-wrapper .c-heading-1,h1.sustainability-title{ font-weight: 600; font-size: 34px; line-height: 40px; } .sustainability-wrapper .c-heading-2,h2.sustainability-title{ font-size: 46px; line-height: 56px; font-weight: 600; margin-bottom: 48px; padding: 0; } .sustainability-wrapper .c-heading-3,h3.sustainability-title{ font-size: 34px; line-height: 40px; font-weight: 600; } .sustainability-wrapper .c-heading-4,h4.sustainability-title{ font-size: 24px; line-height: 28px; font-weight: 600; } .sustainability-wrapper .c-heading-5,h5.sustainability-title{ font-size: 20px; line-height: 24px; font-weight: 600; } .sustainability-wrapper .c-heading-6,h6.sustainability-title { font-size: 18px; line-height: 24px; font-weight: 600; } .sustainability-desc { max-width: 75%; font-size: 15px; font-weight: 400; line-height: 20px; margin-bottom: 20px; } .sustainability-link { font-size: 15px; font-weight: 600; line-height: 20px; } .sustainability-desc , .sustainability-link, .sustainability-content > a { margin-left: 40px; } .sustainability-rightImage-wrapper { height: 100%; } .sustainability-rightImage-wrapper img { height: 100%; } @media (max-width: 1919px) { .sustainability-content { top: 96px; left: 160px; } h2 { margin-bottom: 40px; } .sustainability-desc { max-width: 50%; } } @media (max-width: 1399px) { .sustainability-content { top: 70px; left: 70px; } .sustainability-title { margin-bottom: 40px; } .sustainability-wrapper .c-heading-2,h2.sustainability-title { font-size: 46px; line-height: 56px; } .sustainability-desc { max-width: 50%; } } @media (min-width: 1400px) { .sustainability-desc { max-width: 45%; } } @media (max-width: 1083px) { .sustainability-content { top: 48px; left: 62px; } .sustainability-title { margin-bottom: 24px; } .sustainability-wrapper .c-heading-2,h2.sustainability-title { font-weight: 600; font-size: 34px; line-height: 40px; } .sustainability-desc { max-width: 45%; } } @media (max-width: 767px) { .sustainability-content { top: 64px; left: 56px; } .sustainability-title { margin-bottom: 24px; } .sustainability-wrapper .c-heading-2,h2.sustainability-title { font-weight: 600; font-size: 34px; line-height: 40px; } .sustainability-desc { max-width: 80%; } } @media (max-width: 540px) { .sustainability-content { top: 48px; left: 22px; } .sustainability-title { margin-bottom: 32px; } } @media (max-width: 410px) { .sustainability-container h2.sustainability-title { margin-bottom: 20px; } .sustainability-container .sustainability-content { top: 30px; padding-right: 20px; } .sustainability-container .sustainability-desc { margin-left: 0; margin-right: 0; max-width: 100%; } .sustainability-container .sustainability-content > a { margin-left: 0; } } @media (max-width:860px) { .sustainability-right { margin-top: 20px; } } .sustainability-wrapper .sustainabilityvideo{ width:100%; height:100%; } /* animation */ .animation-toggle .sustain-slide-up { transform: translateY(50px); } @media only screen and (min-width: 1092px) { .animation-toggle .is-scrolled-in { transition: margin-inline-start 2s ease-in-out; } } @media (prefers-reduced-motion: reduce) { .animation-toggle .is-scrolled-in { /* transition: none; */ } } .animation-toggle .is-scrolled-in.sustain-slide-up { transform: translateY(0); transition: transform 2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .animation-toggle .is-scrolled-in.sustain-slide-up { /* transition: none; */ } } .sr-text{ border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } @media (min-width: 768px){ html[dir="rtl"] .sustainability-content { left: 0; max-width: 50% } html[dir="rtl"] .sustainability-wrapper .c-heading-2, html[dir="rtl"] h2.sustainability-title { max-width: 90%; } html[dir="rtl"] .sustainability-content .sustainability-desc { max-width: 70%; } } @media (max-width: 767px){ html[dir="rtl"] .sustainability-content { position: static; margin-top: 20px } } /* Overridden styles for accessibility in 200% zoom for 320 X 256 */ @media (max-width: 321px) { .sustainability-desc { font-size: 14px; } .sustainability-wrapper c-heading-1,h1.sustainability-title,.sustainability-wrapper .c-heading-2,h2.sustainability-title,.sustainability-wrapper .c-heading-3,h3.sustainability-title,.sustainability-wrapper .c-heading-4,h4.sustainability-title,.sustainability-wrapper .c-heading-5,h5.sustainability-title,.sustainability-wrapper .c-heading-6,h6.sustainability-title { font-weight: 600; font-size: 20px; line-height: 30px; } .sustainability-container h2.sustainability-title { margin-bottom: 5px; } .sustainability-container .sustainability-desc { margin-bottom: 0.5rem; } .sustainability-container .sustainability-content > a { font-size: 14px; } }