#main section.zebra {
width:100%;
}

/* Container for zebra-styled FAQ items */
#main .zebra-contain {
border: 1px solid #888;
border-collapse: collapse;
margin: 0;
padding: 0;
table-layout: fixed;
width: 100%;
}

/* Each FAQ item */
#main .zebra-contain>.zebra-item {
  border-top: 1px solid #888;
  box-sizing: border-box;
  display:list-item;/* this plus list-style-position determine if bullets/numerals are visible */
  list-style-position: inside;
  margin: 0;
  padding: 0.75em 1em;
  text-align: left;
  width: 100%;
}
#main .zebra-contain > .zebra-item :is(h1, h2, h3, h4, h5) {
line-height:1.1;
}

@media only screen and (width >= 768px) {
#main .zebra-contain {
border: 1px solid #888;
border-collapse: collapse;
margin: 0;
padding: 0;
table-layout: fixed;
width:100%;
}

/* Each FAQ item */
#main .zebra-contain>.zebra-item {
  border-top: 1px solid #888;
  box-sizing: border-box;
  display:list-item;/* this plus list-style-position determine if bullets/numerals are visible */
  list-style-position: inside;
  margin: 0;
  padding: 0.75em 1em;
  text-align: left;
  width:100%;
}}

/* Remove top border from first item */
#main .zebra-contain>.zebra-item:first-child {
  border-top: none;
}

/* alternating backgrounds */
#main .zebra-contain>.zebra-item:nth-child(odd) {
  background-color: #fefefe;
}
#main .zebra-contain>.zebra-item:nth-child(even) {
  background-color: #cdcdcd;
}

/* Responsive adjustments */
@media only screen and (width <= 767px) {
#main .zebra-contain {
padding-left: 0 !important;
width:100%;

  }
#main .zebra-contain>.zebra-item {
    margin-left: 0;
    padding: 0.75em 1em;
  }
}