/* karma-300 - latin */
@font-face {
  font-family: 'Karma';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('fonts/karma-v11-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/karma-v11-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* karma-regular - latin */
@font-face {
  font-family: 'Karma';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/karma-v11-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/karma-v11-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* karma-600 - latin */
@font-face {
  font-family: 'Karma';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('fonts/karma-v11-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/karma-v11-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

html, body {
	height: 100%;
}
h1 {
	margin: 1em 0;
	color: #000;
	font-family: Karma, serif;
}
.fullheight {
	width: 100%;
	height: 100%;
}
.content {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
}
@media (max-width: 500px) {
	h1 {
		font-size: 1em;
	}
}