Dave Jarvis' Repositories

article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}

/**
 * Use a single column for all images and headers on the homepage.
 */
div.homepage {
  display: flex;
  flex-direction: row;

  align-items: center;
  justify-content: center;
}

/**
 * Make the page content columnar.
 */
div.homepage div.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

div.homepage h1, div.homepage h2 {
  margin: 0;
}

div.homepage h1 {
  font-weight: bold;
  font-size: 200%;
}

div.homepage h2 {
  font-weight: normal;
  font-size: 150%;
}

/**
 * Center the contact link on the homepage.
 */
div.homepage a {
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 768px) {
  div.homepage h1 {
    font-size: 110%;
  }

  div.homepage h2 {
    font-size: 80%;
  }

  div.homepage img[alt="logo"] {
    width: 110px !important;
    height: 110px !important;
  }
}

@media only screen and (max-width: 320px) {
  div.homepage h1 {
    font-size: 100%;
  }

  div.homepage h2 {
    font-size: 75%;
  }

  div.homepage img[alt="logo"] {
    width: 90px !important;
    height: 90px !important;
  }
}