body {
    background-color: #FFFFFF
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 4rem 0 1rem 0;
}

.flex-grid {
    display: flex;
    justify-content: space-between;
}

.col {
    width: 32%;
    padding: 0px 2% 0px 2%;
    border: 1px black solid;
    display: flex;
    flex-direction: column;
}

.service-title {
    text-align: center;
}

.service-content {
    text-align: justify;
}

.service-billing {
    margin-top: auto;
    font-size: 80%;
    text-align: justify;
}

table, tr, td {
    font-size: 0.9em;
}

@media (max-width: 400px) {
    .flex-grid {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        padding: 5px
    }
    .col {
        width: 95%;
        padding: 0px 2% 0px 2%;
        border: 1px black solid;
        display: flex;
        flex-direction: column;
        margin: 5px;
    }
}

.header-flex-grid {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.header-col {
    width: 50%;
    height: 50px;
}

img.nav {
    max-width: 80%;
    max-height: 80%;
}

.footer-image {
    max-width: 5%;
    max-height: 5%;
    margin-bottom: 25px;
}

.post-author {
    margin-left: 0;
    margin-right: 1.5rem;
}

td {
    font-size: .8em;
}

@media
only screen and (max-width: 550px) {
  table, thead, tbody, th, td, tr {
      display: block;
  }
  thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  td:empty {
      position: absolute;
      top: -9999px;
      left: -9999px;
  }
  table td, table th {
      border-bottom: none;
  }
}

@media print {
    body {
        font-size: 12pt;
        line-height: 1.25;
    }

    .footer-image {
        display: none;
    }

    .navigation {
        display: none;
    }

    table {
        width: 100mm;
        align: center;
        border-collapse: collapse;
        break-after: page;
    }

    tr {
        border-bottom: 1px solid #CCC;
    }

    table tbody tr:last-child {
        border: none;
    }

    td {
        padding: 8pt;
    }

    h1, h2, h3 {
        margin: 24pt 0 12pt 0;
        font-family: sans-serif;
    }

    h3, h4, h5, h6 {
        margin: 8pt 0 0 0;
        font-family: sans-serif;
    }

    p {
        margin: 8pt 0 16pt 0;
    }

    figure img {
        width: 100%;
    }

    .page-break {
        break-after: always;
    }
}

@page {
  size: A4;
  margin: 25mm 25mm 25mm 25mm;
}