.dcl.hero {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid var(--divider);
  overflow: hidden;
  padding: 64px;
  margin-bottom: var(--navbar-margin-bottom);
}

.dcl.hero.centered {
  align-items: center;
}

.dcl.hero.centered .ui.header.hero-title {
  text-align: center;
}

.dcl.hero.centered .ui.header.hero-subtitle {
  text-align: center;
}

.dcl.hero.centered .hero-actions {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dcl.hero .ui.header.hero-title {
  margin: calc(2rem - 0.14285714em) 0 1rem;
  position: relative;
  z-index: 15;
}

.dcl.hero .ui.header.hero-subtitle {
  margin-top: 0px;
  position: relative;
  font-weight: normal;
  z-index: 15;
}

.dcl.hero .hero-actions {
  margin-top: 16px;
  position: relative;
  font-weight: normal;
  z-index: 15;
}

.dcl.hero .hero-content {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  width: 100%;
}
