html,
body {
  background-color: black;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
html .slides,
body .slides,
html > .dg,
body > .dg {
  display: none;
}




canvas{
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  width: 100%;
}
#particle-slider {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  }

@media only screen and (min-width: 320px) and (max-width: 768px) {
  #particle-slider {
    width: 350%;
    height: 350%;
    margin: 0 auto;
    }




    canvas{
      position: fixed;
      left: 0px;
      right: 0px;
      top: -300px;
      margin: auto;
      width: 100%;
    }

    .logos{
      cursor: pointer;
      transition: 0.1s ease-in-out;
    }
    
    .logos:hover{
      opacity: 0.6;
      transition: 0.1s ease-in-out;
    }
    
    
    .main-logos{
      z-index:999998;
      width: 100%;
      height: auto;
      position: relative;
      left: 0px;
      padding-bottom: 50px;
      right: 0px;
      bottom: 0px;
    }



}




.logos{
  cursor: pointer;
  transition: 0.1s ease-in-out;
}

.logos:hover{
  opacity: 0.6;
  transition: 0.1s ease-in-out;
}


.main-logos{
  z-index:999998;
  width: 100%;
  height: auto;
  position: fixed;
  left: 0px;
  padding-bottom: 50px;
  right: 0px;
  bottom: 0px;
}