body {
  font-family: arial;
}
.section {
  text-align: center;
  font-size: 4em;
  color: #fff;
}
img {
  max-height: 800px;
  max-width: 100%;
}

.actions {
  list-style-type: none;
}
.actions button {
  padding: 0.93em 1.87em;
  background: #35495e;
  border-radius: 5px;
  border: 0;
  color: #fff;
  margin: 7px;
  font-size: 15px;
  cursor: pointer;
}
.actions button:hover {
  background: #fff;
  color: #35495e;
}

.fp-controlArrow.fp-next {
  right: 50px !important;
}
.fp-controlArrow.fp-prev {
  left: 50px !important;
}

.fp-tableCell p,
.fp-tableCell h1,
.fp-tableCell h3,
.fp-tableCell h3 {
  max-width: 80%;
  margin: 0px auto;
}

.fp-tableCell p {
  font-size: 70%;
  padding: 30px 0px;
}

.fp-slidesNav.bottom {
  bottom: 25px;
}

@media only screen and (min-width: 1081px) {
  .fp-tableCell div {
    font-size: 60%;
  }
  .fp-tableCell p {
    font-size: 70%;
    max-width: 70%;
  }
}

@media only screen and (max-width: 1080px) {
  .fp-tableCell img {
    max-width: 80%;
  }
  .fp-tableCell div {
    font-size: 60%;
  }
  .fp-tableCell h1,
  .fp-tableCell h2 {
    max-width: 90%;
    font-size: 80%;
    margin: 0px auto;
  }
  .fp-tableCell p {
    font-size: 70%;
    padding: 20px 0px;
    max-width: 90%;
  }
  .fp-controlArrow.fp-next {
    border-width: 18.5px 0 18.5px 14px !important;
  }

  .fp-controlArrow.fp-prev {
    border-width: 18.5px 14px 18.5px 0 !important;
  }
}