/* GRID */
 .row:after{
     content:"";
     clear:both;
     display:table 
}
 .row-flex{
     display:flex;
     flex-direction:row;
     flex-wrap:wrap;
}
 .row-flex .column {
     display: flex;
     flex-direction: column;
     float: none;
     box-sizing: border-box;
}
 .row-flex .column-auto{
     flex-grow:1;
     box-sizing: border-box;
}
 .row .column{
     display:block;
     float:left;
     box-sizing: border-box;
}
 .row .column-auto{
     overflow:auto;
     width:auto;
     box-sizing: border-box;
     min-width:20%;
}
 .column-95{
     width:95%;
}
 .column-90{
     width:90%;
}
 .column-85{
     width:85%;
}
 .column-80{
     width:80%;
}
 .column-75{
     width:75%;
}
 .column-70{
     width:70%;
}
 .column-65{
     width:65%;
}
 .column-60{
     width:60%;
}
 .column-55{
     width:55%;
}
 .column-50{
     width:50%;
}
 .column-45{
     width:45%;
}
 .column-40{
     width:40%;
}
 .column-35{
     width:35%;
}
 .column-30{
     width:30%;
}
 .column-25{
     width:25%;
}
 .column-20{
     width:20%;
}
 .column-15{
     width:15%;
}
 .column-10{
     width:10%;
}
 .column-5{
     width:5%;
}
 .column-33{
     width:33.33%;
}
 .column-66{
     width:66.66%;
}
 .column-100{
     width:100%;
}
 @media only screen and (max-width:775px){
     .column{
         width:100%;
    }
     .row-flex{
         flex-direction:column;
    }
}