body
{

}



 .col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
 .col-7, .col-8, .col-9, .col-10, .col-11, .col-12
{
     display:-moz-inline-stack;    display:inline-block;    zoom:1;    *display:inline;  vertical-align: top;
     margin-left: 0;
     margin-right: 0;
     padding-left: 0.5%;
     padding-right: 0.5%;
     text-align: center;
}


.col-1
{
    width: 8%;
}

.col-2
{
    width: 16%;
}

.col-3
{
    width: 24%;
}

.col-4
{
    width: 32%;
}

.col-5
{
    width: 40%;
}

.col-6
{
    width: 48%;
}

.col-7
{
    width: 56%;
}

.col-8
{
    width: 64%;
}

.col-9
{
    width: 72%;
}

.col-10
{
    width: 80%;
}

.col-11
{
    width: 88%;
}

.col-12
{
    width: 96%;
}

/* > Align ################################################################################ */
.col-centered
{
    text-align: center;
}

.col-left
{
    text-align: left;
}

.col-right
{
    text-align: right;
}

.col-justify
{
    text-align: justify;
}
/* > OFFSET ################################################################################ */

.col-offset-1   {   margin-left: 8%;   }
.col-offset-2   {   margin-left: 16%;   }
.col-offset-3   {   margin-left: 24%;   }
.col-offset-4   {   margin-left: 32%;   }
.col-offset-5   {   margin-left: 40%;   }
.col-offset-6   {   margin-left: 48%;   }
.col-offset-7   {   margin-left: 56%;   }
.col-offset-8   {   margin-left: 64%;   }
.col-offset-9   {   margin-left: 72%;   }
.col-offset-10   {   margin-left: 80%;   }
.col-offset-11   {   margin-left: 88%;   }
/* > RESPONSIVE ################################################################################ */

.responsive-min-height-900
{
    display: none;
}

@media all and (min-height: 900px)
{
    .responsive-min-height-900
    {
        display: block;
    }
}