main {
  width: 100%;
  z-index: 4;
  position: relative;
  padding-top: 0;
  display: block;
  padding: 0;
}

section p {
  max-width: 750px;
}
section h1 {
  margin-bottom: 4em;
}
section.orange h2.heading {
  font-size: 3em;
}
section.orange h2.heading.orange {
  color: #fa8c23;
}
section.orange h2.heading.green {
  color: #0c8e13;
}

section.explorer p {
  max-width: 42%;
}

ul.inline {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.inline li {
  display: inline;
}


@media screen and (max-width: 1000px) {
  main {
    max-width: 1100px;
    width: calc(100% - 8em) !important;
  }
}

@media screen and (max-width: 800px) {
  section.block {
    padding: 3em 0.5em;
  }
}

@media screen and (max-width: 768px) {
  section.explorer p {
    max-width: 100%;
  }main {
    padding-top: 0em !important;
    max-width: 100% !important;
    width: 90% !important;
  }
}


@media screen and (max-width: 500px) {
  main {
    padding-top: 5em !important;
  }
}