body {
  background-color: #fafafa;
  color: #000;
  display: flex;
  flex-direction: column;
  font: 12px "News Cycle", sans-serif;
  margin: 0;
  min-height: 100vh;
}

.tpd-primary { 
  color: #2A9CB9;
}

.tpd-secondary { 
  color: #FF6619;
}

.constrained-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: auto;
  max-width: 1245px;
  padding: 0 24px;
}

/* Header & Footer */

.header, .footer {
  background-color: #fff;
  color: #6e7678;
}

.footer {
  margin: auto 0 0 0;
}

.gov-banner {
  color: #585e60;
  background-color: #e5e6e7;
  padding: 6px 0px;
}

.usa-header-flag {
  width: 16px;
  margin: auto 8px auto 0;
  height: 11px;
}

.client-logo {
  height: 52px;
  width: 172px;
  margin: 16px 0;

  @media screen and (max-width: 1024px) {
    height: 32px;
    width: 104px;
  }
}

.client-logo-top {
    margin: 16px 0;
  
    @media screen and (max-width: 500px) {      
      width: 100%;
    }
}

.fsa-logo {
  margin: auto 0px;
}

.fsa-logo img {
  width: 198px;
  height: 32px;

  @media screen and (max-width: 1024px) {
    width: 120px;
    height: 24px;
  }
}

.separator {
  border-left: 1px solid #b5b5b5;
  height: 48px;
  margin: auto 16px;
  width: 1px;

  @media screen and (max-width: 1024px) {
    height: 32px;
    margin: auto 8px;
  }
}

.links {
  margin-bottom: 32px;
  width: 100%;
}

.links a {
  text-decoration: none;
}

hr {
  border-top: 1px solid #bdc1c2;
  margin: 0px 0px 16px 0px;
}

/* Main Content */

.card {
  border-radius: 4px;
  border: 1px solid #e5e6e7;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  margin: 48px auto;
  padding: 32px;
  width: 616px;

  @media screen and (max-width: 1024px) {
    padding: 24px;
  }
}
.card h1 {
  font: bold 28px "News Cycle", sans-serif;
  margin: 0px;
}
.card p {
  font: 16px "Noto Serif", serif;
  margin: 0px;
  padding-top: 32px;
}