/*!
 * Leonardo Angelucci
 *
 * Copyright 2014
 * http://www.leonardo-angelucci.ch 
 *
 */


.row {
    *zoom: 1;

}
.row:before,
.row:after {
    display: table;
    line-height: 0;
    content: "";
}
.row:after {
    clear: both;
}

@media (min-width: 1200px) {

    .container {
        margin: 0 auto;
        width: 1170px;
    }

    .container-frame {
        margin: 0 auto;
        width: 1170px;
        /*border: 5px solid rgb(255,255,255);*/
    }

    [class*="col"] {
        float:left;
        margin-right:30px;
        padding: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    [class*="col"]:last-child {
        margin-right: 0;
    }    

    .col1 {width:70px;}
    .col2 {width:170px;}
    .col3 {width:270px;}
    .col4 {width:370px;}
    .col5 {width:470px;}
    .col6 {width:570px;}
    .col7 {width:670px;}
    .col8 {width:770px;} 
    .col9 {width:870px;}
    .col10 {width:970px;}
    .col11 {width:1070px;}
    .col12 {width:1170px;}


}

@media (min-width: 940px) and (max-width: 1199px) {
    .container {
        margin: 0 auto;
        width: 940px;
    }
    .container-frame {
        margin: 0 auto;
        width: 940px;
    }

    [class*="col"] {
        float:left;
        margin-right:20px;
        padding: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    [class*="col"]:last-child {
        margin-right: 0;
    }    

    .col1 {width:60px;}
    .col2 {width:140px;}
    .col3 {width:220px;}
    .col4 {width:300px;}
    .col5 {width:380px;}
    .col6 {width:460px;}
    .col7 {width:540px;}
    .col8 {width:620px;} 
    .col9 {width:700px;}
    .col10 {width:780px;}
    .col11 {width:860px;}
    .col12 {width:940px;}
}
@media (max-width: 940px) {

    .container {
        margin: 0 auto;
        width: 724px;
    }

    .container-frame {
        margin: 0 auto;
        width: 724px;
    }    

    [class*="col"] {
        float:left;
        margin-right:20px;
        padding: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    [class*="col"]:last-child {
        margin-right: 0;
    }    

    .col1 {width:42px;}
    .col2 {width:104px;}
    .col3 {width:166px;}
    .col4 {width:228px;}
    .col5 {width:290px;}
    .col6 {width:352px;}
    .col7 {width:414px;}
    .col8 {width:476px;} 
    .col9 {width:538px;}
    .col10 {width:600px;}
    .col11 {width:662px;}
    .col12 {width:724px;}

}

@media (max-width: 748px), (device-aspect-ratio: 2/3) {
    .container {
        margin: 0 auto;
        width: 95%;
    }

    .container-frame{
        margin: 0 auto;
        width: 95%;
    }    

    [class*="col"] {
        float:left;
        margin-right:20px;
        margin-top:5px;
        padding: 0;
        display: block;
        float: none;
        width: 100%;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }

    [class*="col"]:last-child {
        margin-right: 20px;
    } 

}