.alert {
  border: 5px solid #6a6a6b;
  padding: 20px;
  margin-bottom: 20px;
}
.alert.success {
  border-color: #00853f;
}
.alert.info {
  border-color: #00539b;
}
.alert.warning {
  border-color: #bf5909;
}
.alert.danger {
  border-color: #ea1a13;
}
.alert h2, .alert h3, .alert h4, .alert h5, .alert h6 {
  font-size: 1.44em;
  margin: 0 0 10px 0;
}
@media (min-width: 36em) and (max-width: 75em) {
  .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 {
    font-size: calc(1.44em + 0.1225em * (100vw - 36em) / (75em - 36em));
  }
}
@media (min-width: 75em) {
  .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 {
    font-size: calc(1.44em + 0.1225em);
  }
}
.alert p {
  margin: 0;
}

.callout-row > .col {
  display: flex;
}

.callout-row > .col > .callout {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.callout {
  border-left: 5px solid #6a6a6b;
  padding: 20px;
  margin-bottom: 20px;
}
.callout.success {
  border-color: #00853f;
}
.callout.info {
  border-color: #00539b;
}
.callout.warning {
  border-color: #bf5909;
}
.callout.danger {
  border-color: #ea1a13;
}
.callout h2, .callout h3, .callout h4, .callout h5, .callout h6 {
  font-size: 1.44em;
  margin: 0 0 10px 0;
}
@media (min-width: 36em) and (max-width: 75em) {
  .callout h2, .callout h3, .callout h4, .callout h5, .callout h6 {
    font-size: calc(1.44em + 0.1225em * (100vw - 36em) / (75em - 36em));
  }
}
@media (min-width: 75em) {
  .callout h2, .callout h3, .callout h4, .callout h5, .callout h6 {
    font-size: calc(1.44em + 0.1225em);
  }
}
.callout p {
  margin: 0;
}

/*# sourceMappingURL=alert.css.map */