/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
<style>

@font-face {
    font-family: 'Mark Pro Bold';
    src: url('https://7884857.fs1.hubspotusercontent-na1.net/hubfs/7884857/Fonts/fontfont_-_mark_pro_bold_2-webfont.ttf') format('truetype'), 
         url('https://7884857.fs1.hubspotusercontent-na1.net/hubfs/7884857/Fonts/fontfont_-_mark_pro_bold_2-webfont.woff2') format('woff2'),
         url('https://7884857.fs1.hubspotusercontent-na1.net/hubfs/7884857/Fonts/fontfont_-_mark_pro_bold_2-webfont.woff') format('woff'),
         url ('https://7884857.fs1.hubspotusercontent-na1.net/hubfs/7884857/Fonts/FontFont%20-%20Mark%20Pro%20Bold.eot') format('eot');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Mark Pro';
    src: url('https://7884857.fs1.hubspotusercontent-na1.net/hubfs/7884857/Fonts/fontfont_-_mark_pro_2-webfont.ttf') format('truetype'),
         url('https://7884857.fs1.hubspotusercontent-na1.net/hubfs/7884857/Fonts/fontfont_-_mark_pro_2-webfont.woff2') format('woff2'),
         url('https://7884857.fs1.hubspotusercontent-na1.net/hubfs/7884857/Fonts/fontfont_-_mark_pro_2-webfont.woff') format('woff'),
         url ('https://7884857.fs1.hubspotusercontent-na1.net/hubfs/7884857/Fonts/FontFont%20-%20Mark%20Pro.eot') format('eot');
    font-weight: normal;
    font-style: normal;

}



h1, h2, h3, h4, h5, h6 {
  font-family: 'Mark Pro', 'Montserrat', 'Helvetica' !important;
  font-weight: bold;
}


p {
font-family: 'Mark Pro', 'Montserrat', 'Helvetica' !important;

}

kl-navbar__button Navbar__button {
    font-family: 'Mark Pro Bold', 'Montserrat', 'Helvetica' !important;

  
}



@media screen and (max-width: 767px) {
  body {
    font-family: 'Mark Pro', 'Montserrat', 'Helvetica' !important;
  }
}

/* Paragraphs */
@media screen and (max-width: 767px) {
  p {
        font-family: 'Mark Pro', 'Montserrat', 'Helvetica' !important;
  }
}

/* Headings */
@media screen and (max-width: 767px) {
  h1 {
    font-family: 'Mark Pro Bold', 'Montserrat', 'Helvetica' !important;
  font-weight: bold;
  }
}

@media screen and (max-width: 767px) {
  h2 {
    font-family: 'Mark Pro Bold', 'Montserrat', 'Helvetica' !important;
  font-weight: bold;
  }
}

@media screen and (max-width: 767px) {
  h3 {
   font-family: 'Mark Pro Bold', 'Montserrat', 'Helvetica' !important;
  font-weight: bold;
  }
}

@media screen and (max-width: 767px) {
  h4 {
    font-family: 'Mark Pro Bold', 'Montserrat', 'Helvetica' !important;
  font-weight: bold;
  }
}

@media screen and (max-width: 767px) {
  h5 {
    font-family: 'Mark Pro Bold', 'Montserrat', 'Helvetica' !important;
  font-weight: bold;
  }
}

@media screen and (max-width: 767px) {
  h6 {
    font-family: 'Mark Pro Bold', 'Montserrat', 'Helvetica' !important;
  font-weight: bold;
  }
}

</style>






/*****************************************/