/* Layout and Containers */
#particles-js {
  position: fixed;
  top:0; left:0; width:100%; height:100%;
  background: var(--blue-dark);
  z-index: -1;
}

.container {
  width:90%;
  max-width:1200px;
  margin: 0 auto;
}

section, .hero, .home-intro, .services, .portfolio, .about, .contact {
  margin-top: 130px;
}

@media (max-width: 700px) {
  section, .hero, .home-intro, .services, .portfolio, .about, .contact {
    margin-top: 110px;
  }
}