canvas {

  display: block;

  vertical-align: bottom;

}



/* ---- particles.js container ---- */



#particles-js {

  position: absolute;

  width: 100%;

  height: 600px;

  background-image: url("");

  background-repeat: no-repeat;

  background-size: cover;

  background-position: 50% 50%;

  z-index:999;

}



/* ---- stats.js ---- */



.count-particles{

  background: #000022;

  position: absolute;

  top: 48px;

  left: 0;

  width: 80px;

  color: #13E8E9;

  font-size: .8em;

  text-align: left;

  text-indent: 4px;

  line-height: 14px;

  padding-bottom: 2px;

  font-family: Helvetica, Arial, sans-serif;

  font-weight: bold;

}



.js-count-particles{

  font-size: 1.1em;

}



#stats,

.count-particles{

  -webkit-user-select: none;

  margin-top: 5px;

  margin-left: 5px;

}



#stats{

  border-radius: 3px 3px 0 0;

  overflow: hidden;

}



.count-particles{

  border-radius: 0 0 3px 3px;

}



@media screen and (max-width: 1199px) {

	#particles-js{ height:495px; }

}



@media screen and (max-width: 991px) {

	#particles-js{ height:410px; }

}



@media screen and (max-width: 767px) {

	#particles-js{ height:320px; }

}