/* This CSS is common to all pages */
*,
*::before,
*::after {
  box-sizing: inherit;
  padding: 0;
  margin: 0;
}

:where(html) {
  box-sizing: border-box;
}

:where(h1, h2, h3, h4, h5, h6) {
  font-weight: normal;
}

:where(ul) {
  list-style: none;
}

:where(img, video) {
  height: auto;
  max-width: 100%;
}

:where(iframe) {
  border: 0;
}

:where(table) {
  border-collapse: collapse;
  border-spacing: 0;
}

html, body {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  color: #878787;
}

.ornament {
  position: relative;
  margin-bottom: 30px;
}
.ornament:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 3px;
  background: #4da234;
  bottom: -10px;
  left: 0;
}
.ornament--center {
  text-align: center;
}
.ornament--center:after {
  left: calc(50% - 25px);
}
.ornament--grey:after {
  background: #878787;
}
.ornament--blue:after {
  background: #055881;
}
.ornament--white:after {
  background: #fff;
}