/*html,
    body,
    header,
    .view {
      height: 100%;
    }

  @media (max-width: 740px) {
    html,
    body,
    header,
    .view {
      height: 1000px;
    }
  }

  @media (min-width: 800px) and (max-width: 850px) {
    html,
    body,
    header,
    .view {
      height: 650px;
    }
  }
  @media (min-width: 800px) and (max-width: 850px) {
            .navbar:not(.top-nav-collapse) {
                background: #1C2331!important;
            }
        }*/
/*css o*/
html, body {
  width: 100%;
  height: 100%;
  /*overflow: hidden;*/
  overflow-x: hidden;
}

/*body {
  background: #215f92 !important;
}*/

#particles {
  width: 100%;
  height: 100%;
  /*overflow: hidden;*/
}

#intro {
  position: absolute;
  left: 0;
  top: 10%;
  padding: 0 20px;
  width: 100%;
}
#intro2 {
  position: absolute;
  left: 0;
  top: 1%;
  padding: 0 20px;
  width: 100%;
}

@media only screen and (max-width: 568px) {
  #intro {
    padding: 0 10px;
  }
}
.width-120 {
  width : 120px !important;
 }