/* ==========================================================================
   Homepage
   ========================================================================== */

/* Global styles
   ========================================================================== */

html {
  font-size: 62.5%;
}

body {
  background-color: #fff;
  color: #2e2e2e;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 1.6rem;
}

header,
main,
footer {
  padding: 20px;
}

/* Page header
   ========================================================================== */

header {
  background-color: #007cb7;
  color: #fff;
}

header img {
  height: 50px;
  width: 394px;
}

/* Page content
   ========================================================================== */

main {
  margin: auto;
  max-width: 1000px;
  min-height: 500px;
}

h1,
h2,
h3 {
  margin: 0 0 20px;
}

h1 {
  text-align: center;
}

li {
  margin-top: 10px;
}

main > div {
  background-color: #f6f7f8;
  border: 1px solid #d6d9dc;
  border-radius: 5px;
  padding: 20px;
}

/* Page footer
   ========================================================================== */

footer {
  background-color: #373737;
  color: #fff;
  text-align: center;
}

footer strong {
  padding-right: 10px;
}

/* ==========================================================================
   Special media query for the main logo
   ========================================================================== */

@media (width <= 440px) {
  header img {
    height: auto;
    width: 100%;
  }
}