#pdf { font-family: 'Helvetica'; max-width: 595px; width: 100%; margin: 0 auto; letter-spacing: 0; } section { background-color: var(--pg-color-white); overflow: hidden; } .eyebrow-text { font-size: 14px; font-weight: 300; color: var(--pg-orange); margin-bottom: 14px; } p { font-size: 14px; line-height: 24px; } p span { font-size: 20px; line-height: 24px; } .dark { color: var(--pg-color-ink); } .dark-bg { background-color: var(--pg-color-black); } #pdf #hero-section-wrapper { position: relative; display: flex; padding: 120px 0 120px 0; height: 100%; } #pdf #hero-section-wrapper .mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 0; } #hero-section-wrapper .hero-content-wrapper { position: relative; z-index: 3; } #hero-section-wrapper h1 { color: var(--pg-color-surface); font-size: 101px; font-weight: 500; line-height: 120%; margin-bottom: 0; text-transform: none; } @media (max-width: 992px) { #hero-section-wrapper h1 { font-size: 67px; } } @media (max-width: 767px) { #hero-section-wrapper h1 { font-size: 48px; } } @media (max-width: 420px) { #hero-section-wrapper h1 { font-size: 36px; } } #hero-section-wrapper hr { max-width: 700px; height: 2px; background-color: var(--pg-orange); border: 0; padding: 0; margin: 40px 0; opacity: 1; } #hero-section-wrapper .receiver-content-wrapper { padding-top: 40px; } #hero-section-wrapper .reciever-info { font-size: 22px; font-weight: 300; margin-bottom: 12px; } #hero-section-wrapper .reciever-info span { display: block; color: var(--pg-orange); font-weight: 400; } #page-two { color: var(--pg-color-ink); } #calculate-section-wrapper { } #calculate-section-wrapper img { display: block; max-width: 62px; width: 100%; height: auto; flex: 1; } #calculate-section-wrapper .calculate-content-top { background-color: var(--pg-color-black); color: var(--pg-color-surface); } #calculate-section-wrapper .results-wrapper { max-width: 420px; padding: 12px 0; font-size: 28px; font-weight: 500; } .total-time-savings, .total-cost-savings, .overall-productivity-increase, .first-calculation, .second-calculation, .third-calculation { display: flex; align-items: center; } .total-time-savings, .total-cost-savings, .first-calculation, .second-calculation { margin-bottom: 12px; } .total-time-savings p, .total-cost-savings p, .overall-productivity-increase p, .first-calculation p, .second-calculation p, .third-calculation p { padding: 0 20px; margin-bottom: 0; font-size: 12px; text-transform: uppercase; flex: 3; } #calculate-section-wrapper .report-box { position: relative; width: 62px; } #calculate-section-wrapper .report-box span { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); margin: 0 0 8px 0; font-size: 12px; font-weight: 400; width: 100px; text-align: center; } #calculate-section-wrapper .report-box .value { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; background-color: var(--pg-orange); border-radius: 50%; color: var(--pg-color-surface); font-size: 14px; margin: 0 auto; } #total-time-savings-value, #total-cost-savings-value, #overall-productivity-increase-value { display: inline-block; } .first-calculation, .second-calculation, .third-calculation { } #first-calculation-value-one, #first-calculation-value-two, #third-calculation-value { display: inline-block; } .calculate-content-bottom ul li { margin-bottom: 18px; } #page-three h1 { color: var(--pg-orange); font-size: 101px; font-weight: 500; line-height: 120%; margin-bottom: 40px; text-transform: none; } @media (max-width: 992px) { #page-three h1 { font-size: 67px; } } @media (max-width: 767px) { #page-three h1 { font-size: 48px; } } @media (max-width: 420px) { #page-three h1 { font-size: 36px; } } #page-three p.highlight { position: relative; padding-left: 40px; margin: 0; color: var(--pg-orange); max-width: 340px; } #page-three p.highlight:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 1px; background-color: var(--pg-orange); } #page-four img { display: block; max-width: 610px; width: 100%; margin-bottom: 18px; }