@media screen and (max-width: 1200px) {
  .me {
    margin:1em;
  }
}
@media screen and (max-width: 800px) {
  body.section .main, body.page .main {
    padding:1em 1em;
  }
  body.home div.main.homepage {
      margin:0;
  }
  body.home div.main.homepage .intro {
      margin-top:4em;
      margin-bottom:0em;
  }
  .row div.cell-2,
  .row div.cell-3,
  .row div.cell-4,
  .row div.cell-5 {
    width:100%;
  }
  .me {
    margin:1em;
  }
  .me .my-image {
    float:none;
    margin-left:1em;
   /* margin: auto;*/
  }
  .me .my-name h1 {
    text-align:left;
    float:none;
    margin-left:0.4em;
  }
  .my-things {
    margin:2em;
    text-align:left;
    margin-left:5em;
  }
  .item {
    width:100% !important;
  }
}