
main,
article,
section,
header,
footer,
.section {
  float: left;
  width: 100%;
  position: relative;
}
.content-section {
  padding: 8rem 0;
  position: relative;
}
.section.full-height {
  min-height: 100vh;
}

.container {
  margin: 0 auto;
  width:100%;
  float: none;
  padding: 0;
}
.container.lg {
  max-width: 1280px;
}
.container.md {
  max-width:800px;
}
.container.sm {
  max-width:600px;
}
.row{
  float: left;
  width: 100%;
}

.column {
  float: left;
  width:100%;
}
@media(min-width:1200px){
.column.large-1 {
  width: 8.33333%;
}

.column.large-2 {
  width: 16.66667%;
}

.column.large-3 {
  width: 25%;
}

.column.large-4 {
  width: 33.33333%;
}

.column.large-5 {
  width: 41.66667%;
}

.column.large-6 {
  width: 50%;
}

.column.large-7 {
  width: 58.33333%;
}

.column.large-8 {
  width: 66.66667%;
}

.column.large-9 {
  width: 75%;
}

.column.large-10 {
  width: 83.33333%;
}

.column.large-11 {
  width: 91.66667%;
}

.column.large-12 {
  width: 100%;
}
}
@media (min-width: 1080px) {
  .column {width:100%;}
  .column.medium-1 {
    width: 8.33333%;
  }

  .column.medium-2 {
    width: 16.66667%;
  }

  .column.medium-3 {
    width: 25%;
  }

  .column.medium-4 {
    width: 33.33333%;
  }

  .column.medium-5 {
    width: 41.66667%;
  }

  .column.medium-6 {
    width: 50%;
  }

  .column.medium-7 {
    width: 58.33333%;
  }

  .column.medium-8 {
    width: 66.66667%;
  }

  .column.medium-9 {
    width: 75%;
  }

  .column.medium-10 {
    width: 83.33333%;
  }

  .column.medium-11 {
    width: 91.66667%;
  }

  .column.medium-12 {
    width: 100%;
  }


}



@media (max-width: 780px) {
  .column {width:100%;}

 .column.small-1 {
    width: 8.33333%;
  }

  .column.small-2 {
    width: 16.66667%;
  }

  .column.small-3 {
    width: 25%;
  }

  .column.small-4 {
    width: 33.33333%;
  }

  .column.small-5 {
    width: 41.66667%;
  }

  .column.small-6 {
    width: 50%;
  }

  .column.small-7 {
    width: 58.33333%;
  }

  .column.small-8 {
    width: 66.66667%;
  }

  .column.small-9 {
    width: 75%;
  }

  .column.small-10 {
    width: 83.33333%;
  }

  .column.small-11 {
    width: 91.66667%;
  }

  .column.small-12 {
    width: 100% ;
  }

}


@media (max-width: 480px) {


 }
