@font-face {
  src: url("/css/fonts/hkgrotesk-bold-webfont.woff2") format("woff2"), url("/css/fonts/hkgrotesk-bold-webfont.woff") format("woff");
  font-family: 'HK Grotesk';
  font-style: normal;
  font-weight: 700; }

@font-face {
  src: url("/css/fonts/hkgrotesk-medium-webfont.woff2") format("woff2"), url("/css/fonts/hkgrotesk-medium-webfont.woff") format("woff");
  font-family: 'HK Grotesk';
  font-style: normal;
  font-weight: 400; }
html{font-family: 'HK Grotesk', sans-serif; text-align: center;}
body {max-width:1100px; margin-right:auto; margin-left:auto; text-align: left;}
p img{max-width:100%;}
h1{font-size: 150%; font-weight: bold; margin-bottom: 1rem;}
h2{font-size: 120%; font-weight: bold; margin-bottom: 2rem;}
.brainergizer{margin-top:2rem;}
.brainergizer::after {content: ''; display: block; width: 7.2rem; height: 0.2rem; background-color: #dc2a9a; margin-top: 1rem; margin-bottom: 1rem;}
.lesmateriaalurl::after {content: ''; display: block; width: 100%; height: 0.1rem; background-color: #223544; margin-top: 1rem;    margin-bottom: 1rem;}
.header{text-align:center;}
p.header img{max-width:60%;}
@media (max-width: 1100px) {
	body {width:92%; margin-left:4%; margin-right:4%;}
	iframe {max-width: 100%;}
}

@media (max-width: 800px) {
	p.header img{max-width:100%;}
}