H1.two-lines{font-size: 40px; line-height: 1.25} H1.two-lines{margin-bottom: 25px; padding-bottom: 22px; font-weight: 500; font-synthesis: style; border-bottom: none 1px #303030} H1.two-lines SPAN{color: #808080; font-size: 28px; line-height: 1.2; font-weight: 500; font-synthesis: style; letter-spacing: -1px; padding: 5px 0px 0px 0px; display: block} #case-studies-banner{width: 100%; height: 600px; background-repeat: no-repeat; background-size: cover} DIV.inner-banner-airportcreators{background-position: center center; background-image: url(../images/case-studies/airportcreators/bg.webp)} DIV.inner-banner-pace{background-position: center center; background-image: url(../images/case-studies/pace/bg.webp)} DIV.inner-banner-fennell{background-position: center center; background-image: url(../images/case-studies/fennell/bg.webp)} DIV.inner-banner-kingpin{background-position: center center; background-image: url(../images/case-studies/kingpin/bg.webp)} DIV.inner-banner-epa{background-position: center center; background-image: url(../images/case-studies/epa/bg.webp)} DIV.inner-banner-semilink{background-position: center center; background-image: url(../images/case-studies/semilink/bg.webp)} DIV.inner-banner-mackubin{background-position: center center; background-image: url(../images/case-studies/mackubin/bg.webp)} .case-studies__container{max-width: 900px} .case-studies__container--last{padding-bottom: 40px} #case-studies-summary{margin: 20px 0px 35px 0px; padding: 70px 0px; background: var(--second-color)} #case-studies-summary .case-studies__container{max-width: 1200px; padding: 0px; display: flex} DIV.case-studies-summary{width: 33.33%; position: relative} DIV.case-studies-summary-border::after{content: ""; height: 100%; width: 1px; position: absolute; right: 0px; top: 0px; transform: rotate(5deg); background: #808080} DIV.case-studies-summary P.number{color: #f0f0f0; font-size: 150px; line-height: 1; letter-spacing: -3px; font-weight: 100; -webkit-text-stroke: 3px var(--second-color); text-align: center; margin-top: -15px} DIV.case-studies-summary P.summary{color: #fff; font-size: 18px; line-height: 28px; text-align: center; padding: 20px 35px 10px 35px} .button-cta-bottom{margin: 30px 0px 60px 0px; padding-bottom: 75px; border-bottom: solid 1px var(--border-color)} .button-cta-bottom A{color: #fff; font-size: 18px; line-height: .75; text-align: center; text-decoration: none; padding: 12px 40px; transition: 0.25s; background: var(--second-color)} .button-cta-bottom A:hover{background: var(--primary-color)} .case-studies__container IMG.logo{max-width: 100%; height: auto; margin: 0px 0px -5px 0px} P.case-study-address{font-size: 16px; line-height: 30px} P.case-study-address SPAN.company-name{font-size: 28px; line-height: 48px} P.case-study-address{padding: 15px 0px 30px 0px} @media only screen and (min-width: 1200px) { DIV.case-studies-summary P.number{font-size: 200px; letter-spacing: -5px; -webkit-text-stroke: 4px var(--second-color)} DIV.case-studies-summary P.summary{padding-left: 40px; padding-right: 40px} } @media only screen and (max-width: 900px) { DIV.case-studies-summary P.summary{font-size: 16px; line-height: 26px} } @media only screen and (max-width: 750px) { #case-studies-banner{height: 150vw; max-height: 500px} DIV.inner-banner-airportcreators{background-position: center center; background-image: url(../images/case-studies/airportcreators/bg-mobile.webp)} DIV.inner-banner-pace{background-position: center center; background-image: url(../images/case-studies/pace/bg-mobile.webp)} DIV.inner-banner-fennell{background-position: center center; background-image: url(../images/case-studies/fennell/bg-mobile.webp)} DIV.inner-banner-kingpin{background-position: center center; background-image: url(../images/case-studies/kingpin/bg-mobile.webp)} DIV.inner-banner-epa{background-position: center center; background-image: url(../images/case-studies/epa/bg-mobile.webp)} DIV.inner-banner-semilink{background-position: center center; background-image: url(../images/case-studies/semilink/bg-mobile.webp)} DIV.inner-banner-mackubin{background-position: center center; background-image: url(../images/case-studies/mackubin/bg-mobile.webp)} #case-studies-summary{margin: 15px 0px 30px 0px; padding: 20px 0px 20px 0px} #case-studies-summary .case-studies__container{display: block} DIV.case-studies-summary{width: 100%; border-bottom: solid 1px #808080; clear: both} DIV.case-studies-summary:last-child{width: 100%; border: none} DIV.case-studies-summary-border::after{display: none} DIV.case-studies-summary P.number{font-size: 200px; letter-spacing: -5px; -webkit-text-stroke: 4px var(--second-color); padding: 50px 0px 0px 0px} DIV.case-studies-summary P.summary{font-size: 16px; line-height: 26px; padding: 20px 0px 60px 0px} .button-cta-bottom A{color: #fff; font-size: 16px; padding: 12px 15px} }