.tia-grey {
  color: #e6e6e6; }

.tia-dark-grey {
  color: #333333; }

.tia-grey-back {
  color: whitesmoke; }

.tia-blue {
  color: #00356f; }

.tia-white {
  color: white; }

.tia-green {
  color: #7dba3d; }

.tia-yellow {
  color: #e5ac44; }

.tia-orange {
  color: #f96a3a; }

.tia-teal {
  color: #39bcc5; }

.tia-purple {
  color: #b25792; }

.tia-grey-bg {
  background-color: #e6e6e6; }

.tia-dark-grey-bg {
  background-color: #333333; }

.tia-grey-back-bg {
  background-color: whitesmoke; }

.tia-blue-bg {
  background-color: #00356f; }

.tia-white-bg {
  background-color: white; }

.tia-green-bg {
  background-color: #7dba3d; }

.tia-yellow-bg {
  background-color: #e5ac44; }

.tia-orange-bg {
  background-color: #f96a3a; }

.tia-teal-bg {
  background-color: #39bcc5; }

.tia-purple-bg {
  background-color: #b25792; }

h1 {
  margin-top: 1rem;
  text-align: center;
  font-size: 1.0em;
  font-weight: 600;
  color: #4d4c4c; }

h2 {
  margin-top: 0.5rem;
  font-size: 1.6em;
  font-weight: 600; }

h3 {
  margin-top: 1em;
  font-size: 1.8em;
  font-weight: 600; }

.tab-content h3 {
  display: block;
  width: 100%;
  padding-bottom: 0.2rem;
  border-color: #676666;
  border-width: 0 0 .1rem 0;
  border-style: solid; }

h3 {
  font-size: 1.2em;
  font-weight: normal; }

h4 {
  font-size: 1.2em;
  font-weight: normal; }

h5 {
  font-size: 1.2em;
  font-weight: normal; }

h6 {
  font-size: 1.2em;
  font-weight: normal; }

body * {
  font-family: Helvetica, Arial, sans-serif; }

/* Header */
.tia-header {
  position: relative;
  padding: 1em;
  min-height: 2em;
  background-color: white;
  border-color: rgba(0, 0, 0, 0.15);
  border-width: 1px 0px 1px 0px;
  border-style: solid; }

.brand-logo {
  width: 24em; }

.centering-parent {
  /*height: 100vh;*/
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.centering-item {
  flex: 1; }

.centering-child {
  flex: none;
  width: 50vw;
  text-align: center; }

.centering-child div:first-child {
  margin-bottom: 3em; }

.centering-child div:last-child {
  margin-top: 2em; }

.centering-child a img {
  width: 14em; }

.centering-child-top {
  align-self: flex-start; }

.centering-child-bottom {
  align-self: flex-end; }

h1 {
  margin: 0;
  font-size: 3rem;
  color: #00356f; }

h2 {
  margin: 0;
  font-size: 3rem;
  color: #00356f; }

h3 {
  font-size: 2rem;
  font-weight: normal;
  color: #00356f; }

.centering-child .btn {
  border-color: transparent; }

.centering-child .btn:hover, .centering-child .btn:active, .centering-child .btn:focus {
  background-color: #005abc; }