/*@font-face {
  font-family: 'moderat';
  src: url'./fonts/moderat/moderat-regular-webfont.eot') format('eot'),
      url('./fonts/moderat/moderat-regular-webfont.woff') format('woff'),
      url('./fonts/moderat/moderat-regular-webfont.ttf') format('truetype'),
      url('./fonts/moderat/moderat-regular-webfont.svg') format('svg');
}*/

@font-face {
  font-family: 'moderat';
  src: url('../fonts/moderat-regular-webfont.eot');
  src: url('../fonts/moderat-regular-webfont.eot') format('embedded-opentype'),
       url('../fonts/moderat-regular-webfont.woff') format('woff'),
       url('../fonts/moderat-regular-webfont.ttf') format('truetype'),
       url('../fonts/moderat-regular-webfont.svg') format('svg');
  font-weight: 400;
  font-style: normal;
}


/******************** TYPOGRAPHY ********************/
html, body {
	font-size: 16px;
}

body {
  font-family: 'moderat', sans-serif;
	font-weight: 300;
	line-height: 25px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'moderat', sans-serif;
}

h1 {
	font-size: 40px;
	font-weight: 300;
	line-height: 1.33;
}

h2 {
	font-size: 30px;
	font-weight: 300;
}

h3 {
	font-size: 22px;
	font-weight: 400;

}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 18px;
	line-height: 1.3;
}

h6 {
	font-size: 16px;
}

h4, h5, h6 {
	font-weight: 500;
}

@media (min-width: 768px) {
	h1 {
		font-size: 60px;
	}

	h2 {
		font-size: 50px;
	}
}

p {
	margin-bottom: 20px;
}

.heading-wave{
    font-size: 30px !important;
    font-weight: bold;
}

.bold-text{
    font-weight: bold !important;
}