#horznav-container {
  position: relative;
  height: 40px;
  margin-right: -15px;
  margin-left: -15px;
  margin-bottom: 2rem;
}
#horznav-container #horznav {
  position:    relative;
  top:         0;
  left:        0;
  right:       0;
  margin:      0 auto;
}
#horznav-container #horznav.fixed {
  position:    fixed;
  z-index:     9;
  background-color: #fff;
  margin-bottom: 0;
  left:        50%;
  transform:   translateX(-50%);
  width:       100%;
}
/* cut top margin if horizontal nav is below a hero */
.hero-section+#contentstart #horznav-container {
  margin-top:  -1rem;
}
.fulltext {
  font-size:   1rem;
  font-family: inherit !important;
}
.content-section {
  opacity:    0;
  transition: opacity .5s;
  margin-left: 0;
  margin-right: 0;
  height:     0;
  overflow:   hidden;
}
.content-section.showtext {
  opacity:    1;
  height:     auto;
  min-height: 250px;
}
.content-section.showscroll {
  opacity:    1;
  height:     auto;
  min-height: auto;
}

@media (min-width: 576px) {
  .fulltext {
    margin-left: 10%;
    margin-right: 10%;
  }
  .fulltext.content-section h1,
  .fulltext.content-section h2,
  .fulltext.content-section h3,
  .fulltext.content-section h4,
  .fulltext.content-section h5,
  .fulltext.content-section h6,
  .fulltext.content-section p,
  .fulltext.content-section img,
  .fulltext.content-section figure,
  .fulltext.content-section div.headline {
    margin-left: 0;
    margin-right: 0;
  }
  .fulltext.content-section ul,
  .fulltext.content-section ol {
    margin-left: 1rem;
    margin-right: 0;
  }
  .fulltext.content-section ol.list-unstyled,
  .fulltext.content-section ul.list-unstyled {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 960px) {
  #horznav-container {
    margin-right: 0;
    margin-left: 0;
  }
  #horznav-container #horznav {
    max-width: 930px;
  }
}

@media (min-width: 1200px) {
  #horznav-container #horznav {
    max-width: 1110px;
  }
  .fulltext {
    margin-left: 15%;
    margin-right: 15%;
  }
  .fulltext.content-section h1,
  .fulltext.content-section h2,
  .fulltext.content-section h3,
  .fulltext.content-section h4,
  .fulltext.content-section h5,
  .fulltext.content-section h6,
  .fulltext.content-section p,
  .fulltext.content-section img,
  .fulltext.content-section figure,
  .fulltext.content-section div.headline {
    margin-left: 0;
    margin-right: 0;
  }
  .fulltext.content-section ul,
  .fulltext.content-section ol {
    margin-left: 1rem;
    margin-right: 0;
  }
}