:root {
  --cor-fundo-cabecalho: #1482bf;
  --cor-faixa-azul: #116c9f;
  --cor-faixa-laranja: #fc6e45;
}
body {
  background-color: #ffffff;
}
header {
  background-color: #1482bf;
}
footer {
  background-color: #1482bf;
}

header {
  border-top: thick solid var(--cor-faixa-laranja);
}

header > nav {
  background-color: var(--cor-fundo-cabecalho);
  border-top: 1rem solid var(--cor-faixa-azul);
  padding-top: 0 !important;
}

footer {
  border-bottom: thick solid var(--cor-faixa-laranja);
  min-height: 100px;
}

.img-fluid {
  width: 100%;
  height: auto;
}

a.link-card {
  text-decoration: none;
  color: #fff;
}

.card {
  max-width: 400px;
  height: 100%;
  transition-duration: 250ms;
  transition-property: opacity;
}

.card:hover {
  opacity: 0.75;
}

.card.orange {
  background-color: #fc6e45;
}

.card.blue {
  background-color: #1482bf;
}