@media screen and (min-width: 1920px) {
 .wrapper { width: 1500px; }
}

@media screen and (max-width: 1920px) {
 .wrapper { width: 80%; }
}

@media screen and (max-width: 1366px) {
  h1 { font-size: 3.8rem;}
  .large { font-size: 4.5rem;}
}

@media screen and (min-width: 1025px) {
  .dbreak { display: block; }

  .heading { padding-top: 150px; }
}

@media screen and (max-width: 1024px) {
   .heading { padding-top: 50px; }
   h1 { font-size: 3.6rem;}
   h2 { font-size: 3rem;}
   .large { font-size: 3.5rem;}
   .fontshit { width: 75px; }
   .parts { width: 100%;}
   .content {  margin-top: 100px;}
   .reiter {  margin-top: 10px; font-size: 1.5rem}

}

@media screen and (max-width: 850px) {
  .wrapper { width: 92%; }
  .col { width: 100%; float: none; }
  #overlay h2 {  font-size: 1.7rem;  }
  .statwrap {margin-top: 600px;}
  .content, .contentdev { padding: 20px; }
}

@media screen and (min-width: 769px) {
  .stat:nth-of-type(1) { border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; }
  .stat:nth-of-type(2) { border-bottom: 1px solid #d3d3d3;  }
  .stat:nth-of-type(3) { border-right: 1px solid #d3d3d3; }
}


@media screen and (max-width: 768px) {
  .stat { width: 100%; float: none; padding: 20px 0px; border-bottom: 1px solid #d3d3d3;}
  .stat:nth-of-type(4) { border-bottom: none; }
}

@media screen and (max-width: 650px) {
  body { font-size: 18px; }
   .statwrap {margin-top: 390px;}
   h1, .large { font-size: 2.6rem; }
   h2 { font-size: 2.3rem;}
   .fontshit { width: 60px; }
   .nesz { font-size: 2rem; padding: 20px; }
   #achievements { display: block; }
   .achievement { display: block; margin-bottom: 100px; padding-top: 80px;  }
   .achievement img {top: -95px; }

}