main {
  padding: 50px 0;
  background-color: #222834 !important;
}

main table {
  background-color: #222834 !important;
}

main p {
  font-size: 14px;
  font-weight: 300;
  color: #96989a;
}

main h1 {
  margin: 18px 0 33px 0 !important;
  font-size: 36px !important;
  font-weight: 200 !important;
  letter-spacing: 0.86px;
  color: #ffffff; /* #00aeef !important; */
  opacity: 0.88 !important;
}

main h2 {
  margin: 10px 0 22px 0 !important;
  font-size: 28px !important;
  font-weight: 200 !important;
  color: #00aeef !important;
  opacity: 0.88 !important;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

main h2 > span {
  padding-left: 10px;
  color: #ffffff;
  opacity: 0.88;
}

main h3 {
  margin: 5px 0 12px 0 !important;
  font-size: 18px !important;
  font-weight: 200 !important;
  letter-spacing: 0.43px;
  color: #00aeef !important;
}

ul.breadcrumb {
  margin: 7px 0 7px 0 !important;
  padding: 0 !important;
}

ul.breadcrumb > li,
ul.breadcrumb > li > a {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: normal !important;
  letter-spacing: 0.5px;
  transition: color .25s ease; 
}

ul.breadcrumb > li,
ul.breadcrumb > li + li::before {
  color: #00aeef !important;
}

ul.breadcrumb > li > a {
  color: #969fab !important;
}

ul.breadcrumb > li > a:hover {
  color: #23c3ff !important;
}