.yellow-background { background: #ffbf1c; }

.white-background { background: #fff; }

.title-panel { 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-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 20px; padding-bottom: 20px; font-weight: bold; }

.title-panel .paneltitle { padding-bottom: 20px; text-align: center; }

.title-panel .subtext { font-family: "Roboto Slab", serif; font-weight: 400; font-weight: 700; padding: 0 20px; text-align: center; }

@media (min-width: 768px) { .title-panel .paneltitle { font-size: 40px; }
  .title-panel .subtext { padding: 0 60px; font-size: 18px; } }

@media (min-width: 992px) { .title-panel .paneltitle { font-size: 40px; }
  .title-panel .subtext { padding: 0 85px; font-size: 22px; } }

@media (min-width: 1200px) { .title-panel .paneltitle { font-size: 60px; }
  .title-panel .subtext { max-width: 1140px; padding: 0; font-size: 28px; } }
/*# sourceMappingURL=elementtitlepanel.css.map */