/*
Responsive Grid
*/
/* 
    Created on : Aug 1, 2014, 11:43:16 PM
    Author     : Dayron Ramida Coll
*/

.gridrow{clear: both;}

.grid20,
.grid25,
.grid30,
.grid33,
.grid40,
.grid50,
.grid60,
.grid66,
.grid70{
    min-height: 1px;
    /*background: red;*/
    float: left;
}

.grid20{
    width: 17.6%;
    margin-right: 3%;
}
.grid25{
    width: 22%;
    margin-right: 4%;
}
.grid30{
    width: 25%;
    margin-right: 5%;
}
.grid33{
    width: 30%;
    margin-right: 5%;
}
.grid40{
    width: 40%;
}
.grid50{
    width: 47.5%;
    margin-right: 5%;
}
.grid60{
    width: 55%;
    margin-right: 5%;
}
.grid66{
    width: 65%;
    margin-right: 5%;
}

.grid70{
    width: 70%;
}

.gridrow .grid20:last-child,
.gridrow .grid25:last-child,
.gridrow .grid30:last-child,
.gridrow .grid33:last-child,
.gridrow .grid50:last-child{
    margin-right: 0;
}

.gridrow .omega{margin-right: 0;}
.gridrow .alpha{margin-right: 5%;}

/* responsive full grid */

/* responsive grid */

.gridrow-full{clear: both;}

.grid20-full,
.grid25-full,
.grid30-full,
.grid33-full,
.grid40-full,
.grid50-full,
.grid60-full,
.grid66-full,
.grid75-full,
.grid80-full{
    min-height: 20px;
    float: left;
}

.grid20-full{
    width: 20%;
}
.grid25-full{
    width: 25%;
}
.grid30-full{
    width: 25%;
}
.grid33-full{
    width: 33.33333%;
}
.grid40-full{
    width: 40%;
}
.grid50-full{
    width: 50%;
}
.grid60-full{
    width: 60%;
}
.grid66-full{
    width: 66.66666%;
}
.grid75-full{
    width: 75%;
}
.grid80-full{
    width: 80%;
}