@font-face {
  font-family: 'AvenirNext';
  src: url('../fonts/AvenirNext-Regular.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/AvenirNext-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/AvenirNext-Regular.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/AvenirNext-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/AvenirNext-Regular.svg#AvenirNext-Regular') format('svg');
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AvenirNextBold';
  src: url('../fonts/AvenirNext-Bold.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/AvenirNext-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/AvenirNext-Bold.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/AvenirNext-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/AvenirNext-Bold.svg#AvenirNext-Bold') format('svg');
  /* Legacy iOS */
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'AvenirNextHeavy';
  src: url('../fonts/AvenirNext-Heavy.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/AvenirNext-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/AvenirNext-Heavy.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/AvenirNext-Heavy.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/AvenirNext-Bold.svg#AvenirNext-Heavy') format('svg');
  /* Legacy iOS */
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'AvenirNextLight';
  src: url('../fonts/AvenirNext-UltraLight.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/AvenirNext-UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/AvenirNext-UltraLight.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/AvenirNext-UltraLight.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/AvenirNext-Bold.svg#AvenirNext-UltraLight') format('svg');
  /* Legacy iOS */
  font-weight: bold;
  font-style: normal;
}

body {
  font-family: "AvenirNext", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  background: black;
}

.page {
  max-width: 1400px;
}

@media (max-width: 767px) {
  .page {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .page {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (min-width: 991px) {
  .page {
    margin-left: 100px;
    margin-right: 100px;
  }
}
@media (min-width: 1600px) {
  .page {
    margin: 0 auto;
  }
}