/* CSS Document */
.subtitle {
  letter-spacing: 0.5rem;
  margin-top: -2.0rem !important;
  position: relative;
  padding: 0.5rem 0 0 0.5rem;
  margin-bottom: -1.0rem;
  color: var(--secondary-text-color);
}

.subtitle-top {
  transform: rotate(0deg);
  letter-spacing: 0.5rem;
  margin-right: -0.5rem;
  margin-bottom: -0.5rem !important;    
  font-family: aviano-serif,serif;
  font-weight: 900;
  font-style: normal;
  color: #0870a0;
  text-align: center;
  top: 0;    
}
.subtitle-bottom {
  letter-spacing: 0.5rem;
  position: relative;
  text-align: center;
}
.subtitle-bottom::after {
  content: '';
  margin-left: -0.25rem;
	position: absolute;
	top: 2.5rem;
	left: 50%;
	transform: translateX(-50%);
	width: 0.1rem;
	height: 1rem;
  background-color: #0870a0;
}
.subtitle-text {
  position: relative;
  text-align: center;
  letter-spacing: 0.5rem;
  margin-right: -0.5rem;
  top: 0rem;
  color: var(--main-color);
  opacity: 1.0;
}
@media (min-width: 992px) {
  .subtitle-top {
    transform: rotate(0deg);
    letter-spacing: 0.5rem;
    margin-right: -10rem;
    margin-bottom: -0.5rem !important;    
    font-family: aviano-serif,serif;
    font-weight: 900;
    font-style: normal;
    color: #0870a0;
    text-align: center;
    top: 0;    
  }
  .subtitle-bottom {
    position: relative;
    text-align: center;
  }
  .subtitle-bottom::after {
    content: '';
    position: absolute;
    top: 4rem;
    transform: translateX(-50%);
    width: 0.1rem;
    height: 2rem;
    background-color: #0870a0;
  }
  .subtitle-text {
    position: relative;
    text-align: center;
    letter-spacing: 0.5rem;
    margin-right: -0.5rem;
    top: 0rem;
    color: var(--main-color);
    opacity: 1.0;
  }
}