/**
 * Responsive Styling 
 * Version 1
   */

.row {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .row::before, .row::after {
    content: ' ';
    display: table; }
  .row::after {
    clear: both; }
  .row.collapse > .column, .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
 
    .row .row.collapse {
      margin-left: 0;
      margin-right: 0; }
  .row.expanded {
    max-width: none; }
    .row.expanded .row {
      margin-left: auto;
      margin-right: auto; }

.column, .columns {
  padding-left: 10px;
  padding-right: 10px;
  float: left; }

  /*.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right; }*/
  .column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left; }

.column.row.row, .row.row.columns {
  float: none; }
  .row .column.row.row, .row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0; }

.small-1 {
  width: 5%; float:left;}
  
.small-2 {
  width: 10%; float:left;}  
  
.small-3 {
  width: 15%; float:left;}
  
.small-4 {
  width: 20%; float:left;}
  
.small-5 {
  width: 25%; float:left;}  
  
.small-6 {
  width: 30%;float:left; }  
  
.small-7 {
  width: 35%;float:left; }
  
.small-8 {
  width: 40%; float:left;}  
  
.small-9 {
  width: 45%;float:left; }
  
.small-10 {
  width: 50%;float:left; }
  
.small-11 {
  width: 55%;float:left; }
  
.small-12 {
  width: 60%;float:left; }  
  
.small-13 {
  width: 65%; float:left;}
  
.small-14 {
  width: 70%;float:left; }
  
.small-15 {
  width: 75%; float:left;}  
  
.small-16 {
  width: 80%;float:left; }  
  
.small-17 {
  width: 85%; float:left;}
  
.small-18 {
  width: 90%;float:left; }  
  
.small-19 {
  width: 95%; float:left;}
  
.small-20 {
  width: 100%; float:left;}  



@media screen and (min-width: 768px) {
	
	
.medium-third {width:33.3333%}
.medium-two-third {width:66.6667%}

.medium-push-1 {margin-left:5%}	
.medium-push-2 {margin-left:10%}	
.medium-push-3 {margin-left:15%}	
.medium-push-4 {margin-left:20%}
.medium-push-5 {margin-left:25%}
.medium-push-6 {margin-left:30%}
.medium-push-7 {margin-left:35%}
.medium-push-8 {margin-left:40%}
	
.medium-push-9 {margin-left:45%}
.medium-push-10 {margin-left:50%}

.medium-1 {
  width: 5%; float:left;}
  
.medium-2 {
  width: 10%; float:left;}  
  
.medium-3 {
  width: 15%; float:left;}
  
.medium-4 {
  width: 20%; float:left;}
  
.medium-5 {
  width: 25%; float:left;}  
  
.medium-6 {
  width: 30%;float:left; }  
  
.medium-7 {
  width: 35%;float:left; }
  
.medium-8 {
  width: 40%; float:left;}  
  
.medium-9 {
  width: 45%;float:left; }
  
.medium-10 {
  width: 50%;float:left; }
  
.medium-11 {
  width: 55%;float:left; }
  
.medium-12 {
  width: 60%;float:left; }  
  
.medium-13 {
  width: 65%; float:left;}
  
.medium-14 {
  width: 70%;float:left; }
  
.medium-15 {
  width: 75%; float:left;}  
  
.medium-16 {
  width: 80%;float:left; }  
  
.medium-17 {
  width: 85%; float:left;}
  
.medium-18 {
  width: 90%;float:left; }  
  
.medium-19 {
  width: 95%; float:left;}
  
.medium-20 {
  width: 100%; float:left;}   }

@media screen and (min-width: 992px) {
	.large-push-3 {margin-left:15%}
	.large-push-4 {margin-left:20%}
	
  .large-1 {
  width: 5%; float:left;}
  
.large-2 {
  width: 10%; float:left;}  
  
.large-3 {
  width: 15%; float:left;}
  
.large-4 {
  width: 20%; float:left;}
  
.large-5 {
  width: 25%; float:left;}  
  
.large-6 {
  width: 30%;float:left; }  
  
.large-7 {
  width: 35%;float:left; }
  
.large-8 {
  width: 40%; float:left;}  
  
.large-9 {
  width: 45%;float:left; }
  
.large-10 {
  width: 50%;float:left; }
	.large-push-10 {margin-left:50%}
  
.large-11 {
  width: 55%;float:left; }
	.large-push-11 {margin-left:55%}
.large-12 {
  width: 60%;float:left; }  
  
.large-13 {
  width: 65%; float:left;}
  
.large-14 {
  width: 70%;float:left; }
  
.large-15 {
  width: 75%; float:left;}  
  
.large-16 {
  width: 80%;float:left; }  
  
.large-17 {
  width: 85%; float:left;}
  
.large-18 {
  width: 90%;float:left; }  
  
.large-19 {
  width: 95%; float:left;}
  
.large-20 {
  width: 100%; float:left;}
  
   }


.clearfix::before, .clearfix::after {
  content: ' ';
  display: table; }

.clearfix::after {
  clear: both; }