.card.card-job-offer {
  background: #F3F3F4;
  border: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  padding: 8px;
}
.card.card-job-offer > .row {
  column-gap: 16px;
}
.card.card-job-offer > .row > .col:nth-child(1) {
  flex-grow: 0;
  width: 175px;
}
.card.card-job-offer > .row > .col:nth-child(3) {
  flex-grow: 0;
  width: 200px;
}
.card.card-job-offer .thumb {
  width: 175px;
  display: block;
}
.card.card-job-offer .agency {
  color: #222222;
}
.card.card-job-offer .agency a {
  color: #222222;
}
.card.card-job-offer .card-title {
  color: #333333;
  font-size: 1.5em;
}
.card.card-job-offer .btn.btn-secondary {
  background: #464646;
  color: #fff;
}
.card.card-job-offer .btn.btn-secondary:hover {
  background: #333333;
}
.card.card-job-offer .card-body {
  padding: 0;
}
.page-node-type-job-offer .page-title-wrapper {
  text-align: center;
}
.page-node-type-job-offer .page-title-wrapper .page-title {
  text-align: center;
}
.page-node-type-job-offer .node-top-wrapper {
  text-align: center;
  margin: 2.5rem 0;
}
.page-node-type-job-offer .node-top-wrapper .agency {
  font-size: 1em;
  background: #464646;
  color: #333333;
  border-radius: 20px;
  display: block;
  width: max-content;
  padding: 8px 16px;
  margin: 0 auto 1em;
  text-transform: uppercase;
}
.page-node-type-job-offer .node-top-wrapper .agency a {
  color: #333333;
}
.page-node-type-job-offer .node-top-wrapper .job-title {
  color: #333333;
  font-size: 2.25em;
}
.page-node-type-job-offer .node-top-wrapper .job-contract {
  color: #222222;
}
.page-node-type-job-offer .nav-pills .nav-link {
  background: #535353;
  color: #333333;
}
.page-node-type-job-offer .nav-pills .nav-link.active {
  background: #333333;
  color: #fff;
}
.spontaneous-job-wrapper {
  padding: 64px 0;
  text-align: center;
}
.spontaneous-job-wrapper .container {
  max-width: 640px;
  margin: auto;
}
@media all and (max-width: 767px) {
  .card.card-job-offer {
    padding: 16px;
    text-align: center;
  }
  .card.card-job-offer picture {
    display: block;
    margin: 0 auto 16px;
    text-align: center;
  }
  .card.card-job-offer picture img {
    border-radius: 4px;
  }
  .card.card-job-offer .btn.btn-link {
    margin: 0 auto 1rem;
  }
}