body {
  font-family: Helvetica, arial, sans-serif;
  color: #333;
  background: #454545 repeat-x fixed bottom;
  line-height: 1.25rem;
}
hr {
  width: 99%;
}
a img {
  border: none;
}
h1 {
  margin: 1rem 1rem 0 1rem;
  font-family: Cambria, serif;
  font-size: 1.5rem;
}
h1,
a {
  color: #f3f3f3;
}
h3 {
  margin: 1rem;
  font-size: 1rem;
  font-family: Cambria, serif;
}
p {
  margin: 1rem;
}
.contentcontainer {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  border: 1px solid #333;
  background-color: #686868;
  font-size: 1rem;
  color: #eee;
  margin: 1rem;
  width: 27rem;
}

@media all and (max-width: 600px) {
  #main,
  #facebook {
    clear: both;
    margin: 0;
    width: 100%;
  }
  #facebook {
    display: none;
  }
  .outercontainer {
    width: 30rem;
    margin-left: -50%;
  }
}