#section1 h2 {
  margin: 40px 0px 30px 0px;
  font-size: 30px;
}
header {
  position: fixed;
  top: 0;
  z-index: 99;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) {
  
 
}
@media only screen and (max-width: 767px) {

  .header-container,
  .header-button-container {
    text-align: center;
  }
  .fp-controlArrow.fp-prev,
  .fp-controlArrow.fp-next {
    display: none;
  }
  .fp-tableCell {
    vertical-align: top;
  }
}
.demo {
  position: relative;
}
#one,
#two,
#three {
  width: 100px;
  height: 100px;
  margin: 250px 0;
}
#one {
  background: tomato;
}
#two {
  background: teal;
}
#three {
  background: navy;
}
/* '.*-from-top' classes added via js elementFromTop() function */
#one.element-from-top {
  background: royalblue;
}
#two.element-from-top {
  background: fuchsia;
}
#three.element-from-top {
  background: orange;
}