.HurmeGeometricSans3Bold {
   font-family: "HurmeGeometricSans3-Bold";
}
.HurmeGeometricSans3Regular {
   font-family: "HurmeGeometricSans3-Regular";
}
.HurmeGeometricSans3SemiBold {
   font-family: "HurmeGeometricSans3-SemiBold";
}
.HurmeGeometricSans3SemiBoldObl {
   font-family: "HurmeGeometricSans3-SemiBoldObl";
}


/* TYPOGRAPHY */
body { 
   color: var(--darkblue);
   font-family: "sans-serif", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-family: "HurmeGeometricSans3-Regular", sans-serif;
}

h1, h2, h3, h4, h5, h6, p {
   margin: 0;
   padding: 0;
}

h1 { line-height: 1.2;   letter-spacing: 0rem;    font-family: "HurmeGeometricSans3-Bold";}
h2 { line-height: 1.25;  letter-spacing: 0rem;    font-family: "HurmeGeometricSans3-SemiBold";}
h3 { line-height: 1.3;   letter-spacing: 0rem;    font-family: "HurmeGeometricSans3-Bold";}
h4 { line-height: 1.35;  letter-spacing: 0rem;    }
h5 { line-height: 1.5;   letter-spacing: .05rem;  text-transform: uppercase;}
h6 { line-height: 1.6;   letter-spacing: 0rem;    font-family: "HurmeGeometricSans3-SemiBoldObl"; text-transform: uppercase;}
p  { line-height: 1.6;   letter-spacing: .015rem; }


   /* MOBILE */
   h1   { font-size: 42px; }
   h2   { font-size: 32px; }
   h3   { font-size: 27px; }
   h4   { font-size: 24px; }
   h5   { font-size: 15px; }
   h6   { font-size: 18px; }
   p    { font-size: 18px; }

   /* 500 */
   @media (min-width: 500px)  {
      h1   { font-size: 44px; }
      h2   { font-size: 34px; }
      h3   { font-size: 29px; }
      h4   { font-size: 26px; }
      h5   { font-size: 17px; }
      h6   { font-size: 19px; }
   }

   /* 600 */
   @media (min-width: 600px)  {
      h1   { font-size: 46px; }
      h2   { font-size: 36px; }
      h3   { font-size: 31px; }
      h4   { font-size: 28px; }
      h5   { font-size: 18px; }
      h6   { font-size: 20px; }
      p    { font-size: 19px; }
   }

   /* 768 */
   @media (min-width: 768px)  {
      h1   { font-size: 50px; }
      h2   { font-size: 40px; }
      h3   { font-size: 32px; }
      h4   { font-size: 28px; }
      h6   { font-size: 22px; }
      p    { font-size: 20px; }
   }

   /* 1024 */
   @media (min-width: 1024px) {
      h1   { font-size: 64px; }
      h2   { font-size: 46px; }
      h3   { font-size: 34px; }
      h4   { font-size: 28px; }
      h6   { font-size: 24px; }
   }

   /* 1244 */
   @media (min-width: 1244px) {
      h1   { font-size: 70px; }
      h2   { font-size: 52px; }
      h3   { font-size: 34px; }
      h4   { font-size: 28px; }
      h6   { font-size: 26px; }
      p    { font-size: 22px; }
   }

   /* 1440 */
   @media (min-width: 1440px) {
      h1   { font-size: 87px; }
      h2   { font-size: 58px; }
      h3   { font-size: 38px; }
      h4   { font-size: 32px; }
      p    { font-size: 24px; }
   }

strong {font-family: "HurmeGeometricSans3-SemiBold";}


/*LINKS*/
a {
   text-decoration: none;
   -moz-transition: all 0.3s ease-in,all 0.35s ease-out;
   -o-transition: all 0.3s ease-in,all 0.35s ease-out;
   -webkit-transition: all 0.3s ease-in,all 0.35s ease-out;
   transition: all 0.3s ease-in,all 0.35s ease-out;
   cursor: pointer;
   color: var(--darkblue);
}

a:hover {
   text-decoration: underline;
}


/* Underline From Left */
.hvr-underline {
   display: inline-block;
   -webkit-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
   position: relative;
   overflow: hidden;
}
.hvr-underline:before {
   content: "";
   position: absolute;
   z-index: -1;
   left: 0;
   right: 100%;
   bottom: 0;
   background: var(--white);
   height: 4px;
   -webkit-transition-property: right;
   transition-property: right;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}
.hvr-underline:hover:before, .hvr-underline :focus:before, .hvr-underline:active:before {right: 0;}