@media only screen and (max-width: 1000px) {
    body {
      overflow-x: hidden;
        /* font-size: 0.7em;*/
    }

    nav.nav{
      font-size: 0.7em;
    }
    nav.nav a{
      padding: 0.6em 0.4em;
    }
    nav .twit_follow{
      display:none;
    }
    #content{padding:20px;}
    #content .content-wrap, body.wide     #content .content-wrap{
      width:100%;
    }
    .content-wrap{
      width:100%;
    }
    .super
    {
      font-size: 0.6em;
    }

    .cards .col{
      width:100%;
      display: block;
    }



    #projects, .project{
      font-size: 0.7em;
    }
    .project{
      width:auto;
      float: none;
    }

    .project img, .project.right img {
    width: 50%;
    float: none;
    margin: auto;
    display:block;
    margin: 0;
    padding: 0;
}
.project .wrap, .project.right .wrap {
    display: block;
    width: 100%;
    position: relative;
}

#projects .wrap{
  width: 100%;
}
#projects{
  padding: 0;
  margin: 0;
  position: relative;
}
#projects a{
}
#projects a img{
  max-width: 98%;
  height: auto;
  margin: auto;
  margin-top:5px;
}

}

/* mobile sm */
@media only screen and (max-width: 500px) {
  nav.nav .logo {
    display: none;
  }
  #content{padding:0px;}
}