@font-face {
  font-family: 'DINPro-Medium';
  src: url("https://event.msi.com/msifonts/fonts/DINPro-Medium.otf") format("opentype");
  src: url("https://event.msi.com/msifonts/fonts/dinpro-light-webfont.eot?#iefix") format("embedded-opentype"), url("https://event.msi.com/msifonts/fonts/dinpro-medium-webfont.woff") format("woff"), url("https://event.msi.com/msifonts/fonts/dinpro-medium-webfont.ttf") format(" truetype"), url("https://event.msi.com/msifonts/fonts/dinpro-medium-webfont.svg") format("svg");
}

.blockbox {
  font-size: 24px;
}

.blockbox img {
  max-width: 100%;
  width: expression(document.body.clientWidth>100?"100%":"auto");
  overflow: hidden;
}

.blockbox h2 {
  font-family: "DINPro-Medium";
  font-size: 54px;
  color: #f00;
  text-transform: uppercase;
  padding: 25px 0 10px;
}

.blockbox h3 {
  font-size: 36px;
  color: #979797;
  text-transform: uppercase;
  padding-bottom: 15px;
}

.blockbox p {
  line-height: 1.6;
}

.blockbox .container {
  width: 90%;
  margin: 0 auto;
  max-width: 2560px;
}

.blockbox.blockboxsp {
  padding: 5% 0;
}

@media screen and (max-width: 1920px) {
  .blockbox h2 {
    font-size: 37.8px;
  }
  .blockbox p {
    font-size: 20px;
  }
}

@media screen and (max-width: 1680px) and (max-height: 1050px) {
  .blockbox h2 {
    font-size: 32.4px;
  }
  .blockbox p {
    font-size: 18px;
  }
}