CPMANA

A screen shot? as in the text on a page? Thanks,

Site URL: https://manaproducts.com Hello, Heading 2 font letter spacing does NOT react while on top of an image in a banner an Index page but does work while in a regular page. I picked up someone's work so I'm kinda lost. Thanks! @font-face { font-family: 'FoundersGrotesk',sans-serif; src: url('https://static1.squarespace.com/static/578f8e63579fb342e99a87b8/t/5d5d7056bf55c3000179ee8c/1566404694269/FoundersGrotesk-Medium.otf')} h2, h3, .desc-wrapper p { font-family: 'https://static1.squarespace.com/static/578f8e63579fb342e99a87b8/t/5d5d706fdd357600015f7245/1566404719517/FoundersGrotesk-Semibold.ot',sans-serif; } /* #header #logoWrapper, #header #siteTitleWrapper {position: relative; left: 5%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); text-align: right;} */ #header #mainNavWrapper .index {margin: 0 0 0 12px !important; text-align: right;} #logoWrapper{ left:0; transform:none; display: inline-block; width: 25%; } #headerNav{ margin: 5 !important; text-align: right; display: inline-block; width: 102%; #mainNavWrapper{ text-align: right; div{ margin-left:0 !important; margin-right:0 !important; } } } /* @media only screen and (max-width: 1024px) {#logoWrapper { top: 0px; left: 50% !important; } } .mobile-nav-toggle-label .bottom-bar { top: 33px;} .mobile-nav-toggle-label .middle-bar {top: 25px;} .mobile-nav-toggle-label .top-bar {top: 17px;} */ h1 { font-family: 'https://static1.squarespace.com/static/578f8e63579fb342e99a87b8/t/5d5d705a323ee200014fe77e/1566404698848/FoundersGrotesk-Light.otf', sans-serif; font-weight: 700; font-size: 16px; letter-spacing: 1px; text-transform: none; line-height: 0.9em; color: hsl(0, 0%, 0%); } h2 { font-family: 'https://static1.squarespace.com/static/578f8e63579fb342e99a87b8/t/5d5d705a323ee200014fe77e/1566404698848/FoundersGrotesk-Light.otf', sans-serif; font-weight: 400; font-size: 36px; letter-spacing: 3px; text-transform: none; line-height: 1.3em; color: hsl(216,7%,14%); text-align: center; } h3{ font-family: 'https://static1.squarespace.com/static/578f8e63579fb342e99a87b8/t/5d5d705a323ee200014fe77e/1566404698848/FoundersGrotesk-Light.otf', sans-serif; font-weight: 400; font-size: 24px; letter-spacing: 1x; text-transform: none; line-height: 1.4m; color: hsl(216,7%,14%); text-align: center; } h4{ font-family: 'https://static1.squarespace.com/static/578f8e63579fb342e99a87b8/t/5d5d705a323ee200014fe77e/1566404698848/FoundersGrotesk-Light.otf', sans-serif; font-weight: 400; font-size: 16px; letter-spacing: 0.5px; text-transform: none; line-height: 1.6em; color: hsl(0,0%,0%); } h5{ font-family: 'https://static1.squarespace.com/static/578f8e63579fb342e99a87b8/t/5d5d705a323ee200014fe77e/1566404698848/FoundersGrotesk-Light.otf', sans-serif; font-weight: 400; font-size: 16px; letter-spacing: 0.5px; text-transform: none; line-height: 1.6em; color: hsl(0,0%,0%); text-align: center; } /*----------------------- New Text Styling for review --------------------------*/ @import url('https://fonts.googleapis.com/css?family=Work+Sans:400|Poppins:400'); html {font-size: 16px;} body { background-color: white; font-family: 'work Sans', sans-serif; font-weight: 400; line-height: 1.45; color: #333; } p {margin-bottom: 1.25em;} h9, { margin: 2.75rem 0 1rem; font-family: 'Work Sans', sans-serif; font-weight: 800; line-height: 1.15; } h10, h11, h12 { margin: 2.75rem 0 1rem; font-family: 'Work Sans', sans-serif; font-weight: 200; line-height: 1.; text-align: center } h9 { margin-top: 0; font-size: 4.209em; } h10 {font-size: 3em;} h11 {font-size: 2.369em;} h12 {font-size: 1.777em;} h13 {font-size: 1.333em;} small, .text_small {font-size: 0.75em;}