.hero--about-us{background-blend-mode:overlay;background-color:var(--color-base-neutral-1300);background-image:url('https://cdn.cboe.com/assets/images/general/hero-about-us-no-text.jpg');background-repeat:no-repeat;background-size:cover;} .passport{position:relative;} .passport__image{display:block;height:auto;} .passport__overlay{position:absolute;bottom:0px;background:linear-gradient(180deg,rgba(89,89,89,0) 0%,#000000 100%);color:#FFFFFF;width:100%;transition:.5s ease;opacity:0;font-style:normal;font-weight:900;font-size:16px;line-height:20px;text-align:left;padding-left:16px;} .passport:hover .passport__overlay{opacity:1;} .passport__name{margin-top:16px;margin-bottom:0px;} .passport_job-title{margin-bottom:8px;font-size:12px;} .pic{transition:filter .5s ease-in-out;filter:grayscale(0%);margin-bottom:16px;} .pic:hover{filter:grayscale(100%);} .about-header{margin-bottom:16px;margin-top:64px;} .about-header-2{margin-bottom:0px;margin-top:64px;} .about-header-3{text-align:left;margin-bottom:16px;} .card--green-border{border-color:var(--color-base-green-8);margin-right:10px;align-items:center;} .card__title{color:var(--color-base-green-8);font-family:var(--font-family-secondary);margin-bottom:0px;min-height:48px;text-align:left;margin-top:32px;} .card__text{color:var(--color-base-gray-9);line-height:32px;text-align:left;} .card__text-2{color:var(--color-base-gray-9);line-height:32px;text-align:left;margin-bottom:48px;} .card__link{color:var(--color-base-green-8);font-weight:600;font-size:16px;text-align:left;margin-bottom:20px;} .card__img-size{height:135px;width:auto;} .gray-text{font-size:var(--font-size-18);line-height:var(--size-300);color:var(--color-base-gray-6);} .overview-banner__image{height:100%;margin-bottom:64px;min-height:350px;background-image:url('https://www.cboe.com/_img/pages/about/Cboe-AboutPage-HeroImage.png');background-size:cover;position:relative;} .overview-banner-tile__description{bottom:100px;margin-left:80px;color:var(--color-base-white);font-size:var(--font-size-6);padding:calc(var(--spacing-base) * 0.5);font-weight:100;line-height:normal;position:absolute;text-align:left;width:87%;} .quote-text{font-family:var(--font-family-secondary);font-style:italic;font-weight:300;font-size:var(--font-size-6);line-height:48px;color:var(--color-base-cyan-7);margin-bottom:16px;} .header-description--center{text-align:left;margin-left:144px;margin-right:144px;margin-top:-26px;} @media only screen and (max-width:543px){.overview-banner__image{height:100%;margin-bottom:40px;min-height:200px;background-image:url('https://www.cboe.com/_img/pages/about/Cboe-AboutPage-HeroImage-Mobile.png');background-size:cover;position:relative;} .overview-banner-tile__description{bottom:5px;top:20px;margin-left:0px;color:var(--color-base-white);font-size:var(--font-size-5);padding:calc(var(--spacing-base) * 0.5);font-weight:100;line-height:normal;position:absolute;text-align:center;width:100%;} .header-description--center{text-align:left;margin-left:72px;margin-right:72px;margin-top:-26px;} .card--green-border{margin-left:20px;margin-right:20px;margin-bottom:20px;} .header-align{margin-left:0px;} .about-header-3{text-align:center;} .passport__overlay{opacity:1;font-weight:800;font-size:12px;line-height:16px;} .passport{margin-bottom:8px;} @media (min-width:544px){.overview-banner__image{height:100%;margin-bottom:40px;min-height:250px;background-size:cover;position:relative;} .overview-banner-tile__description{bottom:42px;color:var(--color-base-white);font-size:var(--font-size-5);padding:calc(var(--spacing-base) * 0.5);font-weight:100;line-height:normal;position:absolute;text-align:left;width:87%;} .passport__overlay{opacity:1;font-weight:800;font-size:12px;line-height:16px;} .passport{margin-bottom:8px;}} @media only screen and (min-width:1080px){.overview-banner__image{height:100%;margin-bottom:40px;min-height:350px;background-size:cover;position:relative;} .overview-banner-tile__description{bottom:100px;margin-left:80px;color:var(--color-base-white);font-size:var(--font-size-6);padding:calc(var(--spacing-base) * 0.5);font-weight:100;line-height:normal;position:absolute;text-align:left;width:87%;}}}