.typography .orange-lower {
  color: #FF7600;
  font-size: 22px;
  line-height: 24px;
}

.typography .teal-lower {
  color: #03babf;
  font-size: 22px;
  line-height: 24px;
}

.typography .black-lower {
  color: #000;
  margin-bottom: 20px; }

.typography .linedHeader {
  text-align: center;
  font-size: 30px;
  padding: 12px 10px;
  font-weight: 800;
  margin-bottom: 30px;
  margin-top: 30px;
  color: #414042; }

.typography .linedHeader span {
  display: inline-block;
  position: relative; }

.typography .linedHeader span:before,
.typography .linedHeader span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-top: 3px solid #414042;
  top: 13px;
  width: 345px; }

.typography .linedHeader span:before {
  right: 100%;
  margin-right: 15px; }

.typography .linedHeader span:after {
  left: 100%;
  margin-left: 15px; }

.typography .teallinedHeader {
  text-align: center;
  font-size: 30px;
  padding: 12px 10px;
  font-weight: 800;
  margin-bottom: 30px;
  margin-top: 30px;
  color: #03babf; }

.typography .teallinedHeader span {
  display: inline-block;
  position: relative; }

.typography .teallinedHeader span:before,
.typography .teallinedHeader span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-top: 3px solid #03babf;
  top: 13px;
  width: 345px; }

.typography .teallinedHeader span:before {
  right: 100%;
  margin-right: 15px; }

.typography .teallinedHeader span:after {
  left: 100%;
  margin-left: 15px; }