.components h3 {
  font-size:19px;
  line-height:24px;
  margin-bottom: 10px;
}

.components-grid .fix {
  padding-left: 40px;
}

.components-grid .material-icons {
  position: absolute;
  top: 2px;
}

form label, form .label{
  font-size: 14px;
}

/* image parallax effect */
@media screen and (min-width: 1024px) {
  .components-pics {
    max-width: none;
    position: absolute;
    top: -470px;
    -webkit-transform: translateZ(0);
    -webkit-transition: 10s cubic-bezier(.23,1.5,.36,.86);
    transition: 10s cubic-bezier(.23,1.5,.36,.86);
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
  }
  .components-pics.layer-2 {
    top: -505px;
    left: 70px;
  }
  .hidden {
    display: none;
  }
  .components-pics.layer-3 {
    top: -400px;
    left: 163px;
  }


  /* before */
  .slide.components.before .components-pics.layer-2 {
    -webkit-transform: translateY(95px);
    transform: translateY(95px);
  }
  .slide.components.before .components-pics.layer-3 {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }

  /* selected */
  .slide.components.selected .components-pics.layer-2,
  .slide.components.selected .components-pics.layer-3 {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }

  /* after */
  .slide.components.after .components-pics.layer-2 {
    -webkit-transform: translateY(-95px);
    transform: translateY(-95px);
  }
  .slide.components.after .components-pics.layer-3 {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
}