body {
    font-size: 75%;
}

.grid {
    width: 760px;
}

.row {position:relative; margin-left:-8px;}
.gu1 .row {width: 64px;}
.gu2 .row {width: 128px;}
.gu3 .row {width: 192px;}
.gu4 .row {width: 256px;}
.gu5 .row {width: 320px;}
.gu6 .row {width: 384px;}
.gu7 .row {width: 448px;}
.gu8 .row {width: 512px;}
.gu9 .row {width: 576px;}
.gu10 .row {width: 640px;}
.gu11 .row {width: 704px;}
.gu12 .row {width: 768px;}

.col {padding-left:8px; float:left; position:relative;}
.gu1{width: 56px;}
.gu2{width: 120px;}
.gu3{width: 184px;}
.gu4{width: 248px;}
.gu5{width: 312px;}
.gu6{width: 376px;}
.gu7{width: 440px;}
.gu8{width: 504px;}
.gu9{width: 568px;}
.gu10{width: 632px;}
.gu11{width: 696px;}
.gu12{width: 760px;}

/* template */

.logo {
    width: 100px;
    height: 100px;
}


nav ul {
  font-size: 1em;
}

.home .body .col.gu3 {
  margin-bottom: 8px;
width: calc(50% - 8px);
}

.home .body .col.gu3:nth-child(odd) {
  clear: left;
}