.promo-box-display-panel { padding-top: 40px; padding-bottom: 10px; }

.promo-box-display-panel > .container > .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.promo-box-display-panel .box { -webkit-box-flex: 1; -ms-flex: 1 1 455px; flex: 1 1 455px; -ms-flex-item-align: stretch; align-self: stretch; max-width: 455px; margin-right: auto; margin-bottom: 30px; margin-left: auto; }

@media (min-width: 768px) { .promo-box-display-panel .box { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; } }

.promo-box-display-panel.grey { background: #f1f1f1; }

.promo-box { position: relative; height: 100%; background: #031f72; }

.promo-box img { max-width: 100%; height: auto; margin: 0; }

.promo-box .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 15px 2.5em; background: #031f72; color: #fff; }

.promo-box .text h3 { margin-top: 0; color: #01bcb5; }

.promo-box .text .info { margin-bottom: 5px; }

.promo-box .text .info strong { color: #01bcb5; }

.promo-box .text .body { width: 100%; margin-bottom: 0; }

.promo-box .text .link { position: absolute; bottom: 15px; height: auto; margin-bottom: 0; font-weight: bold; }

@media (min-width: 992px) { .promo-box .text h3 { font-size: 28px; }
  .promo-box .text p { font-size: 16px; } }
/*# sourceMappingURL=elementpromoboxdisplaypanel.css.map */