body {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  color: #3c3b4e;
}
.centertext {
  text-align: center;
}
.logo {
  padding: 40px;
  max-width: 300px;
}
.darkmain {
  background: #f7f6fb;
}
.wrapper {
  max-width: 1000px;
  margin: 0 auto;
}
.main {
  padding: 60px;
}
.maincolor {
  color: #134b7e;
}
.h2,
h2 {
  font-size: 1.6rem;
  margin-bottom: 15px;
}
.topmargin {
  margin-top: 40px;
}
h1 > span {
  font-size: 60%;
  display: inline-block;
}
.contact,
.hiring {
  position: relative;
}
.contact:before {
  content: "";
  position: absolute;
  top: -60px;
  left: 0;
  border: 20px solid transparent;
  border-top: 20px solid #fff;
}
.hiring:before {
  content: "";
  position: absolute;
  top: -60px;
  left: 0;
  border: 20px solid transparent;
  border-top: 20px solid #134b7e;
}
@media (max-width: 600px) {
  .main {
    padding: 30px;
  }
  .contact:before,
  .hiring:before {
    top: -30px;
  }
}
.headerpic {
  border-bottom: 5px solid #134b7e;
}
.listbox {
  border: 1px solid #d4d4e0;
  padding: 30px 30px 20px;
  background: #f7f6fb;
}
li {
  margin-top: 7px;
}
footer {
  background: #3c3b4e;
  color: #fff;
}
a {
  color: #f7f6fb;
}
a:focus,
a:hover {
  color: #e05656;
}
h1 {
  hyphens: auto;
}
@media (max-width: 576px) {
  h1 {
    font-size: 1.6rem;
  }
  .h2,
  h2 {
    font-size: 1.3rem;
  }
}