.main-banner-element { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.main-banner-element::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); content: ''; z-index: 1; }

.main-banner-element .banner-caption { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; z-index: 2; }

.main-banner-element .banner-caption .button-default { margin-top: 20px; }

.main-banner-element .banner-caption .banner-content { padding: 0 15px; text-align: center; }

.main-banner-element .banner-caption .banner-content h1 { margin: 0; color: #fff; }

.main-banner-element .banner-caption .banner-content h4 { margin: 40px 0 30px; color: #fff; }

@media (min-width: 768px) { .main-banner-element .banner-caption .banner-content { width: 70%; text-align: left; } }

@media (min-width: 992px) { .main-banner-element .banner-caption .banner-content { width: 50%; } }
/*# sourceMappingURL=elementherobannerpanel.css.map */