@font-face {
    font-family: 'bluu_nextbold';
    src: url('bluunext-bold-webfont.woff2') format('woff2'),
         url('bluunext-bold-webfont.woff') format('woff'),
         url('bluunext-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bluu_nextbold_italic';
    src: url('bluunext-bolditalic-webfont.woff2') format('woff2'),
         url('bluunext-bolditalic-webfont.woff') format('woff'),
         url('bluunext-bolditalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

body{
  width: 100vw;
  height: 100vh;
  font-family: 'bluu_nextbold';
  font-size: 13vw;
  cursor: default;
  padding-left: 1vw;
}

a {
  color: black;
  text-decoration: none;
}
.turn {
  transition: rotate 0.3s ease;
}

.mod-header *{
	float: left;
	font-size: 13vw;
  line-height: 12vw;
}

.mod-header-bloc{
  background: black;
  height: 1.5vw;
  width: 13vw;
  float: left;
  margin-bottom: 2.5vw;
  margin-top: 10vw;
}

.description{
  clear: both;
  padding-top: 3.5vw;
  margin-bottom: 24vw;
}

.mod-header-bloc-wide{
  display: none;
}

.contact{
  font-size: 6.5vw;
}

@media (min-width: 1024px) {

  body{
    width: 85vw;
    height: 100vh;
    font-size: 8.5vw;
    cursor: default;
    padding-left: 1vw;
  }

  .mod-header *{
  	float: left;
  	font-size: 8.5vw;
    line-height: 7.8vw;
  }

  .mod-header-bloc, .mod-header-bloc-wide{
    background: black;
    height: 0.975vw;
    width: 8.45vw;
    float: left;
    margin-bottom: 1.625vw;
    margin-top: 6.5vw;
    display: block;
  }

  .description{
    clear: both;
    padding-top: 2.275vw;
    margin-bottom: 15.6vw;
  }
}