#main .content-holder {

}
.g-frame {
   width: 31%;
   min-width: 250px;
   margin: 0 0 25px 2%;
   display: inline-block;
   *display: inline;
   *zoom: 1;
   _height: 1% !important;   /* hasLayout hack for IE 6 */
   height: auto;
   vertical-align: top;
}
.g-title {
   font-family:Georgia;
   font-size: 18px;
   font-weight: normal;
   margin: 0 0 10px -2%;    
   font-style:italic;
   padding: 10px;
   background : #3a3a3a;
   background:rgba(0,0,0,.2);
}
.g-desc{
    display: block;
    margin: 10px 0 0 0;

    font-size: 13px;
}
.controls {
    clear: both;
    padding: 30px 0px;
}

@media screen and (max-width: 880px)
{
    .g-frame{
        width: 46%;
    }
}
@media screen and (max-width: 580px) {
   .g-frame{
       width: 98%;
   }

}