canvas {
  display: block;
  vertical-align: bottom;
}

#particles-js{ position:absolute; width: 100%; height: 75%; background-color: #00356B; background-repeat: no-repeat; background-size: 20%; background-position: 50% 50%; } 
/* ---- 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 only screen and (min-width: 300px) and (max-width: 720px) {
    #particles-js{ 
        height: 115% !important;
    }
}

@media only screen and (min-width: 300px) and (max-width: 720px) and (orientation: landscape) {
    #particles-js{ 
        height: 245% !important;
    }
}