html, body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
}
#site-wrapper {
  flex: 1 0 auto;
}
#footer {
  flex-shrink: 0;
}
.ttp-darkblue {
  color: #19468e;
}
.ttp-lightblue {
  color: #00adef;
}
.ttp-darkgrey {
  color: #4f4c4c; 
}
.ttp-lightgrey {
  color: #eff0ee; 
}
.ttp-black {
  color: #231f20; 
}
.ttp-green {
  color: #99d420;
}
.white {
  color: white;
}
.bg-lightgrey {
  background-color: #eff0ee; 
}
.btn-primary {
  color: #fff;
  background-color: #00adef;
  border-color: #00adef;
}
.btn-primary:hover {
  color: #fff;
  background-color: #19468e;
  border-color: #19468e;
}
.btn-success {
  color: #fff;
  background-color: #99d420;
  border-color: #99d420;
}
.border-on-right {
  border-right: 0;
}
@media (min-width: 768px) {
  .border-on-right {
    border-right: 1px solid #4f4c4c;
  }
}
.margin-top-80-desktop {
  margin-top: 0;
}
.margin-top-60-desktop {
  margin-top: 0;
}
@media (min-width: 1140px) {
  .margin-top-80-desktop {
    margin-top: -80px;
  }
  .margin-top-60-desktop {
    margin-top: -60px;
  }
}