:root {
  --tat-primary-color: #1c4e84;
  --ccc-primary-color: #213a8f;
}
html {
  /* font-size: 14px; */
}
body {
  font-family: 'Prompt', sans-serif;
}
.btn.btn-tat {
  color: var(--tat-primary-color);
  background-color: white;
  border-radius: 5px;
  font-size: 1.25rem;
  padding: 0.5rem 2rem;
}
.btn.btn-ccc {
  border: 2px solid var(--ccc-primary-color);
  color: var(--ccc-primary-color);
  border-radius: 3px;
}
.tat-content {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 576.1px) {
  .tat-content {
    max-width: 50vw;
  }
}
@media (max-width: 576.1px) {
  .tat-content h1 {
    font-size: 5vw;
  }
}
.ccc-content {
  min-width: 400px;
}
.ccc-content p {
  font-size: 0.875rem;
}
@media (max-width: 576.1px) {
  .ccc-content {
    min-width: 320px;
  }
}