.training {
  display: block;
  border-bottom: 1px solid #e0e0e0;
}

.training .training-header {
  padding: 25px 0;
}

.training .training-header .training-title button {
  line-height: 28px;
  font-family: 'interstate';
  font-weight: 400;
  font-size: 20px;
  color: #484848;
  background-color: transparent;
  border: none;
  text-align: left;
}

.training .training-header .training-date {
  line-height: 28px;
  font-family: 'interstateCond';
  font-weight: 400;
  font-size: 22px;
  color: #df5952;
  letter-spacing: 0.25px;
  text-transform: uppercase;
  text-align: right;
}

.training .training-infos {
  padding-bottom: 25px;
}

.training .training-infos .training-schedule {
  line-height: 22px;
  margin-bottom: 10px;
  font-family: 'interstate';
  font-weight: 400;
  font-size: 16px;
  color: #a8a8a8;
}

.training .training-infos .training-descr {
  line-height: 26px;
  margin-bottom: 12px;
  font-family: 'interstate';
  font-weight: 400;
  font-size: 16px;
  color: #484848;
}

.training .training-infos .training-text {
  line-height: 24px;
  margin-bottom: 20px;
  font-family: 'interstate';
  font-weight: 300;
  font-size: 16px;
  color: #484848;
}

.training .training-infos .training-buttons {
  font-size: 0;
}

.training .training-infos .training-buttons .btn-dl {
  margin-bottom: 5px;
  margin-right: 20px;
}

.training .training-infos .training-referent .card {
  float: right;
}

@media screen and (max-width: 768px) {
  .training .training-header .training-title {
    margin-bottom: 10px;
  }

  .training .training-infos .training-referent .card {
      width: calc(100% + 30px);
      margin: 10px -15px;
  }
}