html,
body {
      background-color: #fffefe;
      font-family: "Open Sans", Arial, sans-serif;
      line-height: 1.5;
      font-size: 1em;
      height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
      font-family: "Times New Roman", Times, serif;
}

h1 {
      font-size: 32px;
}

h2 {
      font-size: 24px;
}

h3 {
      font-size: 20px;
}

#header {
      background-color: #E1F5FE;
}

#page-content {
      flex: 1 0 auto;
}

div.card {
      width: 500px;
      margin: 1;
}

@media screen and (max-width: 768px) {
      body {
            font-size: 14px;
      }

      h1 {
            font-size: 28px;
      }

      h2 {
            font-size: 20px;
      }

      h3 {
            font-size: 18px;
      }
}