html, body {
  position: relative;
}
body {
  background: #f2f2f2;
/*  font-family: fs_joey, Arial,Helvetica Neue,Helvetica,sans-serif;*/
  color:#000;
  margin: 0;
  padding: 0;
  text-align: center;
  min-width: 320px; 
}
body, p, li, span, a {
  font-family: 'Arimo', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Asap', sans-serif;
  font-weight: 500;
}
header .bg{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
header{
  font-size: 0;
  padding-top: 20px;
  padding-bottom: 50px;
  text-align: center;
}
header h1{
  width: 260px;
  height: 50px;
  background-image: url(img/logo.png);
  margin: auto;
  margin-bottom: 20px;
}
header .tab{
  height: 17px;
  display: inline-block;
}
header .tab.chauffage{
  width: 82px;
  background-image: url(img/chauffage.png);
}
header .tab.chauffe-eau{
  width: 89px;
  background-image: url(img/chauffe-eau.png);
}
header .tab.ventilation{
  width: 85px;
  background-image: url(img/ventilation.png);
}
@media screen and (min-width: 1280px) {
/*}
@media screen and (min-width: 1600px) {*/
  body{
    transform: scale(1.28);
    transform-origin: top;
    width: 78.125%;
    height: 78.125%;
    margin: auto;
  }
}
@media screen and (min-width: 1920px) {
  body{
    transform: scale(1.6);
    transform-origin: top;
    width: 62.5%;
    height: 62.5%;
    margin: auto;
  }
}
/*
  body{
    transform: scale(2);
    transform-origin: top;
    width: 50%;
    height: 50%;
    margin: auto;
  }
*/