Heading font letter spacing does not react while in an Index page

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;}

 

 

Hi,

Can you take a screenshot of h2?

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

 

Thanks,