@font-face {
    font-family: 'ANBold';
    src: url('fonts/avenir-next-bold.eot');
    src: url('fonts/avenir-next-bold.eot') format('embedded-opentype'),
         url('fonts/avenir-next-bold.woff') format('woff'),
         url('fonts/avenir-next-bold.ttf') format('truetype'),
         url('fonts/avenir-next-bold.svg#AvenirNextLTW01BoldRegular') format('svg');
}

@font-face {
    font-family: 'ANItalic';
    src: url('fonts/avenir-next-italic.eot');
    src: url('fonts/avenir-next-italic.eot') format('embedded-opentype'),
         url('fonts/avenir-next-italic.woff') format('woff'),
         url('fonts/avenir-next-italic.ttf') format('truetype'),
         url('fonts/avenir-next-italic.svg#AvenirNextLTW01ItalicRegular') format('svg');
}

@font-face {
    font-family: 'ANRegular';
    src: url('fonts/avenir-next-regular.eot');
    src: url('fonts/avenir-next-regular.eot') format('embedded-opentype'),
         url('fonts/avenir-next-regular.woff') format('woff'),
         url('fonts/avenir-next-regular.ttf') format('truetype'),
         url('fonts/avenir-next-regular.svg#AvenirNextLTW01RegularRegular') format('svg');
}

@font-face {
    font-family: 'ANThin';
    src: url('fonts/avenir-next-thin.eot');
    src: url('fonts/avenir-next-thin.eot') format('embedded-opentype'),
         url('fonts/avenir-next-thin.woff') format('woff'),
         url('fonts/avenir-next-thin.ttf') format('truetype'),
         url('fonts/avenir-next-thin.svg#AvenirNextW01ThinRegular') format('svg');
}

#particles-js{
  width: 100%;
  height: 100%;
  max-height:800px;
  
  background-color: #111111;
background-image: url("https://anomalous.co.za/wp-content/uploads/2017/07/Anomalous-Logo-White.png");
background-size: auto;
background-repeat: no-repeat;
background-position: 50% 50%;
}