some momentum core:FTW

gistfile1.css

@media only screen and (max-width: 480px) and (min-width: 320px) {
  /*========================================== 
    Get rid of the H6 it is not necessary.
    Giving the heading some whitespace provides
    a good visual view.
  =========================================*/
  .heading h2 {
    font-size: 1.1em;
    width: 100%;
    padding: 5px;
  }
  /*======================================
    Mobile devices should have a good
    view of media features for site.
    Gives users a good perspective of
    your products and services(*trust
    me no one wants to strain*)
  =======================================*/
  .gallerylist-wrapper {
    margin-right: 2.6%;
    width: 100%;
    margin-top: 5%;
  }
  
  .desc h2 {
    text-align: center;
    margin-bottom: 0;
    font-size: 24px;
  }
  
  /*===================================
    Footer info, centered always, it keeps
    the user's attention always in the 
    center of the viewport. Visual focus
    is errrrthing.
  =====================================*/
  
  .social-media li {
    float: none;
  }
  
  /*=================================
    Consider adding a class or something
    to the last .fbgrid, maybe .fb-grid-last
    , as is the only one being affected in the case
  ===================================*/
  .fb-grid-last {
    text-align: center;
    width: 100%;
  }
}