body {
  font-family: sans-serif;
  display: flex;
  flex-direction: column;
  gap: 16px; }

.hidden {
  display: none !important; }

.jsonly {
  display: none !important; }

header {
  text-align: center; }
  header span#mozilla-logo {
    color: white;
    background-color: black;
    padding: 2px 4px; }

p#contact {
  text-align: center;
  line-height: 1.5; }

section#filters {
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media screen and (max-width: 500px) {
    section#filters div#filter-inputs {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center; }
      section#filters div#filter-inputs input {
        display: block;
        margin-top: 4px; }
      section#filters div#filter-inputs button {
        margin-top: 8px; } }
ul#service-list {
  max-width: 1800px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  padding-left: 0; }

div.service {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 300px;
  margin: 20px 30px; }
  @media screen and (max-width: 500px) {
    div.service {
      margin: 20px 8px; } }
  div.service .title {
    font-size: 20px;
    margin-bottom: 4px; }
  div.service span.time {
    font-size: 16px; }
  div.service p {
    margin-top: 8px;
    line-height: 1.3; }