html, body  {
  height: 100%;
}

#bg {
  position: fixed;
  width: 100%;
  height: 100%;
}


body {
  display: flex;
  justify-content: center;
  align-items: center;
}


/* Changes for phones */

/* @media (max-width : 480px) {
  #top {
    height: 130px;
  }


  #grid-container .box {
    margin-left: 2em;
    margin-right: 2em;
  }
}
 */

#main {
  flex: 1;
  max-width: 35em;
  /* min-width: 200px; */
  margin: 3em 2em 2em 2em;
}



#bottom #social-links {
  text-align: right;
  padding-right: 2em;
  padding-bottom: 1.5em;
}