.grid.grid-2 .g21{
    width:49%;
    float:left;
}
.grid.grid-2 .g22{
    width:49%;
    float:right;
}
.grid.grid-3 .g31{
    width:32%;
    float:left;
}
.grid.grid-3 .g32{
    width:32%;
    float:left;
    margin-left: 2%;
}
.grid.grid-3 .g33{
    width:32%;
    float:right;
}
.grid.grid-4 .g41{
    width:24%;
    float:left;
}
.grid.grid-4 .g42{
    width:24%;
    float:left;
    margin-left: 1%;
}
.grid.grid-4 .g43{
    width:24%;
    float:left;
    margin-left: 1%;
}
.grid.grid-4 .g44{
    width:24%;
    float:left;
    margin-left: 1%;
}

@media screen and (min-width:480px){}
@media screen and (min-width:768px){}
@media screen and (min-width:1024px){} 
@media screen and (min-width:2048px){}
@media screen and (min-width:2048px) and (max-height:640px){}