.row {
  display:block;
  font-size:0;
}

.row .grid {
  vertical-align:top;
  display:inline-block;
  font-size:18px;
}

.row .grid.middle { vertical-align: middle }
.row .grid.whole { padding:0 10px;}
.row .grid.one-half { padding:0 10px;width:50%;}
.row .grid.one-third { padding:0 10px;width:33.33%;}
.row .grid.two-thirds { padding:0 10px;width:66.66%;}
.row .grid.one-quarter { padding:0 10px;width:25%;}
.row .grid.one-fifth { padding:0 10px;width:20%;}
.row .grid.one-seventh { padding:0 10px;width:14.28%;}

.row .grid.fifty { width:50%; }

.row .grid.sixtyfive { width:65%; }
.row .grid.sixty { width:60%; }
.row .grid.forty { width:40%; }
.row .grid.twenty-five { width:25%; }
.row .grid.twenty { width:20%; }
.row .grid.ten { width:10%; }