.list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list > .list-item {
  display: inline-block;
  position: relative;
}

.list-table {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
}

.list-table > .list-item {
  display: table-cell;
}

.list-justified {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-align: justify;
  width: 100%;
}

.list-justified:after {
  content: "";
  display: inline-block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 100%;
}

.list-vertical {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-vertical > .list-item {
  display: inline-block;
  width: 100%;
}

.list-unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}

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

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

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

@media screen and (max-width: 1200px) {
  .text-right-lg {
    text-align: right;
  }
  .text-left-lg {
    text-align: left;
  }
  .text-center-lg {
    text-align: center;
  }
  .text-justify-lg {
    text-align: justify;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .text-right-lg-only {
    text-align: right;
  }
  .text-left-lg-only {
    text-align: left;
  }
  .text-center-lg-only {
    text-align: center;
  }
  .text-justify-lg-only {
    text-align: justify;
  }
}

@media screen and (max-width: 1024px) {
  .text-right-md {
    text-align: right;
  }
  .text-left-md {
    text-align: left;
  }
  .text-center-md {
    text-align: center;
  }
  .text-justify-md {
    text-align: justify;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .text-right-md-only {
    text-align: right;
  }
  .text-left-md-only {
    text-align: left;
  }
  .text-center-md-only {
    text-align: center;
  }
  .text-justify-md-only {
    text-align: justify;
  }
}

@media screen and (max-width: 768px) {
  .text-right-sm {
    text-align: right;
  }
  .text-left-sm {
    text-align: left;
  }
  .text-center-sm {
    text-align: center;
  }
  .text-justify-sm {
    text-align: justify;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .text-right-sm-only {
    text-align: right;
  }
  .text-left-sm-only {
    text-align: left;
  }
  .text-center-sm-only {
    text-align: center;
  }
  .text-justify-sm-only {
    text-align: justify;
  }
}

@media screen and (max-width: 480px) {
  .text-right-xs {
    text-align: right;
  }
  .text-left-xs {
    text-align: left;
  }
  .text-center-xs {
    text-align: center;
  }
  .text-justify-xs {
    text-align: justify;
  }
}

@media screen and (min-width: 381px) and (max-width: 480px) {
  .text-right-xs-only {
    text-align: right;
  }
  .text-left-xs-only {
    text-align: left;
  }
  .text-center-xs-only {
    text-align: center;
  }
  .text-justify-xs-only {
    text-align: justify;
  }
}

@media screen and (max-width: 380px) {
  .text-right-mc {
    text-align: right;
  }
  .text-left-mc {
    text-align: left;
  }
  .text-center-mc {
    text-align: center;
  }
  .text-justify-mc {
    text-align: justify;
  }
}

.hide {
  display: none;
}

.hidden {
  display: none !important;
}

.show {
  display: block;
}

.show-flex {
  display: flex;
}

.show-inline {
  display: inline;
}

.show-inline-block {
  display: inline-block;
}

.shown {
  display: block !important;
}

.shown-flex {
  display: flex !important;
}

.shown-inline {
  display: inline !important;
}

.shown-inline-block {
  display: inline-block !important;
}

@media screen and (max-width: 1200px) {
  .hide-lg {
    display: none;
  }
  .hidden-lg {
    display: none !important;
  }
  .show-lg {
    display: block;
  }
  .show-flex-lg {
    display: flex;
  }
  .show-inline-lg {
    display: inline;
  }
  .show-inline-block-lg {
    display: inline-block;
  }
  .shown-lg {
    display: block !important;
  }
  .shown-flex-lg {
    display: flex !important;
  }
  .shown-inline-lg {
    display: inline !important;
  }
  .shown-inline-block-lg {
    display: inline-block !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .hide-lg-only {
    display: none;
  }
  .hidden-lg-only {
    display: none !important;
  }
  .show-lg-only {
    display: block;
  }
  .show-flex-lg-only {
    display: flex;
  }
  .show-inline-lg-only {
    display: inline;
  }
  .show-inline-block-lg-only {
    display: inline-block;
  }
  .shown-lg-only {
    display: block !important;
  }
  .shown-flex-lg-only {
    display: flex !important;
  }
  .shown-inline-lg-only {
    display: inline !important;
  }
  .shown-inline-block-lg-only {
    display: inline-block !important;
  }
}

@media screen and (max-width: 1024px) {
  .hide-md {
    display: none;
  }
  .hidden-md {
    display: none !important;
  }
  .show-md {
    display: block;
  }
  .show-flex-md {
    display: flex;
  }
  .show-inline-md {
    display: inline;
  }
  .show-inline-block-md {
    display: inline-block;
  }
  .shown-md {
    display: block !important;
  }
  .shown-flex-md {
    display: flex !important;
  }
  .shown-inline-md {
    display: inline !important;
  }
  .shown-inline-block-md {
    display: inline-block !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .hide-md-only {
    display: none;
  }
  .hidden-md-only {
    display: none !important;
  }
  .show-md-only {
    display: block;
  }
  .show-flex-md-only {
    display: flex;
  }
  .show-inline-md-only {
    display: inline;
  }
  .show-inline-block-md-only {
    display: inline-block;
  }
  .shown-md-only {
    display: block !important;
  }
  .shown-flex-md-only {
    display: flex !important;
  }
  .shown-inline-md-only {
    display: inline !important;
  }
  .shown-inline-block-md-only {
    display: inline-block !important;
  }
}

@media screen and (max-width: 768px) {
  .hide-sm {
    display: none;
  }
  .hidden-sm {
    display: none !important;
  }
  .show-sm {
    display: block;
  }
  .show-flex-sm {
    display: flex;
  }
  .show-inline-sm {
    display: inline;
  }
  .show-inline-block-sm {
    display: inline-block;
  }
  .shown-sm {
    display: block !important;
  }
  .shown-flex-sm {
    display: flex !important;
  }
  .shown-inline-sm {
    display: inline !important;
  }
  .shown-inline-block-sm {
    display: inline-block !important;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .hide-sm-only {
    display: none;
  }
  .hidden-sm-only {
    display: none !important;
  }
  .show-sm-only {
    display: block;
  }
  .show-flex-sm-only {
    display: flex;
  }
  .show-inline-sm-only {
    display: inline;
  }
  .show-inline-block-sm-only {
    display: inline-block;
  }
  .shown-sm-only {
    display: block !important;
  }
  .shown-flex-sm-only {
    display: flex !important;
  }
  .shown-inline-sm-only {
    display: inline !important;
  }
  .shown-inline-block-sm-only {
    display: inline-block !important;
  }
}

@media screen and (max-width: 480px) {
  .hide-xs {
    display: none;
  }
  .hidden-xs {
    display: none !important;
  }
  .show-xs {
    display: block;
  }
  .show-flex-xs {
    display: flex;
  }
  .show-inline-xs {
    display: inline;
  }
  .show-inline-block-xs {
    display: inline-block;
  }
  .shown-xs {
    display: block !important;
  }
  .shown-flex-xs {
    display: flex !important;
  }
  .shown-inline-xs {
    display: inline !important;
  }
  .shown-inline-block-xs {
    display: inline-block !important;
  }
}

@media screen and (min-width: 381px) and (max-width: 480px) {
  .hide-xs-only {
    display: none;
  }
  .hidden-xs-only {
    display: none !important;
  }
  .show-xs-only {
    display: block;
  }
  .show-flex-xs-only {
    display: flex;
  }
  .show-inline-xs-only {
    display: inline;
  }
  .show-inline-block-xs-only {
    display: inline-block;
  }
  .shown-xs-only {
    display: block !important;
  }
  .shown-flex-xs-only {
    display: flex !important;
  }
  .shown-inline-xs-only {
    display: inline !important;
  }
  .shown-inline-block-xs-only {
    display: inline-block !important;
  }
}

@media screen and (max-width: 380px) {
  .hide-mc {
    display: none;
  }
  .hidden-mc {
    display: none !important;
  }
  .show-mc {
    display: block;
  }
  .show-flex-mc {
    display: flex;
  }
  .show-inline-mc {
    display: inline;
  }
  .show-inline-block-mc {
    display: inline-block;
  }
  .shown-mc {
    display: block !important;
  }
  .shown-flex-mc {
    display: flex !important;
  }
  .shown-inline-mc {
    display: inline !important;
  }
  .shown-inline-block-mc {
    display: inline-block !important;
  }
}

.push-0 {
  margin-left: 0%;
}

.push-1 {
  margin-left: 8.33333%;
}

.push-2 {
  margin-left: 16.66667%;
}

.push-3 {
  margin-left: 25%;
}

.push-4 {
  margin-left: 33.33333%;
}

.push-5 {
  margin-left: 41.66667%;
}

.push-6 {
  margin-left: 50%;
}

.push-7 {
  margin-left: 58.33333%;
}

.push-8 {
  margin-left: 66.66667%;
}

.push-9 {
  margin-left: 75%;
}

.push-10 {
  margin-left: 83.33333%;
}

.push-11 {
  margin-left: 91.66667%;
}

.push-12 {
  margin-left: 100%;
}

.pull-0 {
  margin-left: 0%;
}

.pull-1 {
  margin-left: -8.33333%;
}

.pull-2 {
  margin-left: -16.66667%;
}

.pull-3 {
  margin-left: -25%;
}

.pull-4 {
  margin-left: -33.33333%;
}

.pull-5 {
  margin-left: -41.66667%;
}

.pull-6 {
  margin-left: -50%;
}

.pull-7 {
  margin-left: -58.33333%;
}

.pull-8 {
  margin-left: -66.66667%;
}

.pull-9 {
  margin-left: -75%;
}

.pull-10 {
  margin-left: -83.33333%;
}

.pull-11 {
  margin-left: -91.66667%;
}

.pull-12 {
  margin-left: -100%;
}

.post-0 {
  margin-right: 0%;
}

.post-1 {
  margin-right: 8.33333%;
}

.post-2 {
  margin-right: 16.66667%;
}

.post-3 {
  margin-right: 25%;
}

.post-4 {
  margin-right: 33.33333%;
}

.post-5 {
  margin-right: 41.66667%;
}

.post-6 {
  margin-right: 50%;
}

.post-7 {
  margin-right: 58.33333%;
}

.post-8 {
  margin-right: 66.66667%;
}

.post-9 {
  margin-right: 75%;
}

.post-10 {
  margin-right: 83.33333%;
}

.post-11 {
  margin-right: 91.66667%;
}

.post-12 {
  margin-right: 100%;
}

.push-fifth {
  margin-left: 20%;
}

.pull-fifth {
  margin-left: -20%;
}

.post-fifth {
  margin-right: 20%;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}

@media screen and (max-width: 1200px) {
  .push-0-lg {
    margin-left: 0%;
  }
  .push-1-lg {
    margin-left: 8.33333%;
  }
  .push-2-lg {
    margin-left: 16.66667%;
  }
  .push-3-lg {
    margin-left: 25%;
  }
  .push-4-lg {
    margin-left: 33.33333%;
  }
  .push-5-lg {
    margin-left: 41.66667%;
  }
  .push-6-lg {
    margin-left: 50%;
  }
  .push-7-lg {
    margin-left: 58.33333%;
  }
  .push-8-lg {
    margin-left: 66.66667%;
  }
  .push-9-lg {
    margin-left: 75%;
  }
  .push-10-lg {
    margin-left: 83.33333%;
  }
  .push-11-lg {
    margin-left: 91.66667%;
  }
  .push-12-lg {
    margin-left: 100%;
  }
  .pull-0-lg {
    margin-left: 0%;
  }
  .pull-1-lg {
    margin-left: -8.33333%;
  }
  .pull-2-lg {
    margin-left: -16.66667%;
  }
  .pull-3-lg {
    margin-left: -25%;
  }
  .pull-4-lg {
    margin-left: -33.33333%;
  }
  .pull-5-lg {
    margin-left: -41.66667%;
  }
  .pull-6-lg {
    margin-left: -50%;
  }
  .pull-7-lg {
    margin-left: -58.33333%;
  }
  .pull-8-lg {
    margin-left: -66.66667%;
  }
  .pull-9-lg {
    margin-left: -75%;
  }
  .pull-10-lg {
    margin-left: -83.33333%;
  }
  .pull-11-lg {
    margin-left: -91.66667%;
  }
  .pull-12-lg {
    margin-left: -100%;
  }
  .post-0-lg {
    margin-right: 0%;
  }
  .post-1-lg {
    margin-right: 8.33333%;
  }
  .post-2-lg {
    margin-right: 16.66667%;
  }
  .post-3-lg {
    margin-right: 25%;
  }
  .post-4-lg {
    margin-right: 33.33333%;
  }
  .post-5-lg {
    margin-right: 41.66667%;
  }
  .post-6-lg {
    margin-right: 50%;
  }
  .post-7-lg {
    margin-right: 58.33333%;
  }
  .post-8-lg {
    margin-right: 66.66667%;
  }
  .post-9-lg {
    margin-right: 75%;
  }
  .post-10-lg {
    margin-right: 83.33333%;
  }
  .post-11-lg {
    margin-right: 91.66667%;
  }
  .post-12-lg {
    margin-right: 100%;
  }
  .push-fifth-lg {
    margin-left: 20%;
  }
  .pull-fifth-lg {
    margin-left: -20%;
  }
  .post-fifth-lg {
    margin-right: 20%;
  }
  .pull-left-lg {
    float: left;
  }
  .pull-right-lg {
    float: right;
  }
  .clearfix-lg:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    width: 100%;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .push-0-lg-only {
    margin-left: 0%;
  }
  .push-1-lg-only {
    margin-left: 8.33333%;
  }
  .push-2-lg-only {
    margin-left: 16.66667%;
  }
  .push-3-lg-only {
    margin-left: 25%;
  }
  .push-4-lg-only {
    margin-left: 33.33333%;
  }
  .push-5-lg-only {
    margin-left: 41.66667%;
  }
  .push-6-lg-only {
    margin-left: 50%;
  }
  .push-7-lg-only {
    margin-left: 58.33333%;
  }
  .push-8-lg-only {
    margin-left: 66.66667%;
  }
  .push-9-lg-only {
    margin-left: 75%;
  }
  .push-10-lg-only {
    margin-left: 83.33333%;
  }
  .push-11-lg-only {
    margin-left: 91.66667%;
  }
  .push-12-lg-only {
    margin-left: 100%;
  }
  .pull-0-lg-only {
    margin-left: 0%;
  }
  .pull-1-lg-only {
    margin-left: -8.33333%;
  }
  .pull-2-lg-only {
    margin-left: -16.66667%;
  }
  .pull-3-lg-only {
    margin-left: -25%;
  }
  .pull-4-lg-only {
    margin-left: -33.33333%;
  }
  .pull-5-lg-only {
    margin-left: -41.66667%;
  }
  .pull-6-lg-only {
    margin-left: -50%;
  }
  .pull-7-lg-only {
    margin-left: -58.33333%;
  }
  .pull-8-lg-only {
    margin-left: -66.66667%;
  }
  .pull-9-lg-only {
    margin-left: -75%;
  }
  .pull-10-lg-only {
    margin-left: -83.33333%;
  }
  .pull-11-lg-only {
    margin-left: -91.66667%;
  }
  .pull-12-lg-only {
    margin-left: -100%;
  }
  .post-0-lg-only {
    margin-right: 0%;
  }
  .post-1-lg-only {
    margin-right: 8.33333%;
  }
  .post-2-lg-only {
    margin-right: 16.66667%;
  }
  .post-3-lg-only {
    margin-right: 25%;
  }
  .post-4-lg-only {
    margin-right: 33.33333%;
  }
  .post-5-lg-only {
    margin-right: 41.66667%;
  }
  .post-6-lg-only {
    margin-right: 50%;
  }
  .post-7-lg-only {
    margin-right: 58.33333%;
  }
  .post-8-lg-only {
    margin-right: 66.66667%;
  }
  .post-9-lg-only {
    margin-right: 75%;
  }
  .post-10-lg-only {
    margin-right: 83.33333%;
  }
  .post-11-lg-only {
    margin-right: 91.66667%;
  }
  .post-12-lg-only {
    margin-right: 100%;
  }
  .push-fifth-lg-only {
    margin-left: 20%;
  }
  .pull-fifth-lg-only {
    margin-left: -20%;
  }
  .post-fifth-lg-only {
    margin-right: 20%;
  }
  .pull-left-lg-only {
    float: left;
  }
  .pull-right-lg-only {
    float: right;
  }
  .clearfix-lg-only:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .push-0-md {
    margin-left: 0%;
  }
  .push-1-md {
    margin-left: 8.33333%;
  }
  .push-2-md {
    margin-left: 16.66667%;
  }
  .push-3-md {
    margin-left: 25%;
  }
  .push-4-md {
    margin-left: 33.33333%;
  }
  .push-5-md {
    margin-left: 41.66667%;
  }
  .push-6-md {
    margin-left: 50%;
  }
  .push-7-md {
    margin-left: 58.33333%;
  }
  .push-8-md {
    margin-left: 66.66667%;
  }
  .push-9-md {
    margin-left: 75%;
  }
  .push-10-md {
    margin-left: 83.33333%;
  }
  .push-11-md {
    margin-left: 91.66667%;
  }
  .push-12-md {
    margin-left: 100%;
  }
  .pull-0-md {
    margin-left: 0%;
  }
  .pull-1-md {
    margin-left: -8.33333%;
  }
  .pull-2-md {
    margin-left: -16.66667%;
  }
  .pull-3-md {
    margin-left: -25%;
  }
  .pull-4-md {
    margin-left: -33.33333%;
  }
  .pull-5-md {
    margin-left: -41.66667%;
  }
  .pull-6-md {
    margin-left: -50%;
  }
  .pull-7-md {
    margin-left: -58.33333%;
  }
  .pull-8-md {
    margin-left: -66.66667%;
  }
  .pull-9-md {
    margin-left: -75%;
  }
  .pull-10-md {
    margin-left: -83.33333%;
  }
  .pull-11-md {
    margin-left: -91.66667%;
  }
  .pull-12-md {
    margin-left: -100%;
  }
  .post-0-md {
    margin-right: 0%;
  }
  .post-1-md {
    margin-right: 8.33333%;
  }
  .post-2-md {
    margin-right: 16.66667%;
  }
  .post-3-md {
    margin-right: 25%;
  }
  .post-4-md {
    margin-right: 33.33333%;
  }
  .post-5-md {
    margin-right: 41.66667%;
  }
  .post-6-md {
    margin-right: 50%;
  }
  .post-7-md {
    margin-right: 58.33333%;
  }
  .post-8-md {
    margin-right: 66.66667%;
  }
  .post-9-md {
    margin-right: 75%;
  }
  .post-10-md {
    margin-right: 83.33333%;
  }
  .post-11-md {
    margin-right: 91.66667%;
  }
  .post-12-md {
    margin-right: 100%;
  }
  .push-fifth-md {
    margin-left: 20%;
  }
  .pull-fifth-md {
    margin-left: -20%;
  }
  .post-fifth-md {
    margin-right: 20%;
  }
  .pull-left-md {
    float: left;
  }
  .pull-right-md {
    float: right;
  }
  .clearfix-md:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    width: 100%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .push-0-md-only {
    margin-left: 0%;
  }
  .push-1-md-only {
    margin-left: 8.33333%;
  }
  .push-2-md-only {
    margin-left: 16.66667%;
  }
  .push-3-md-only {
    margin-left: 25%;
  }
  .push-4-md-only {
    margin-left: 33.33333%;
  }
  .push-5-md-only {
    margin-left: 41.66667%;
  }
  .push-6-md-only {
    margin-left: 50%;
  }
  .push-7-md-only {
    margin-left: 58.33333%;
  }
  .push-8-md-only {
    margin-left: 66.66667%;
  }
  .push-9-md-only {
    margin-left: 75%;
  }
  .push-10-md-only {
    margin-left: 83.33333%;
  }
  .push-11-md-only {
    margin-left: 91.66667%;
  }
  .push-12-md-only {
    margin-left: 100%;
  }
  .pull-0-md-only {
    margin-left: 0%;
  }
  .pull-1-md-only {
    margin-left: -8.33333%;
  }
  .pull-2-md-only {
    margin-left: -16.66667%;
  }
  .pull-3-md-only {
    margin-left: -25%;
  }
  .pull-4-md-only {
    margin-left: -33.33333%;
  }
  .pull-5-md-only {
    margin-left: -41.66667%;
  }
  .pull-6-md-only {
    margin-left: -50%;
  }
  .pull-7-md-only {
    margin-left: -58.33333%;
  }
  .pull-8-md-only {
    margin-left: -66.66667%;
  }
  .pull-9-md-only {
    margin-left: -75%;
  }
  .pull-10-md-only {
    margin-left: -83.33333%;
  }
  .pull-11-md-only {
    margin-left: -91.66667%;
  }
  .pull-12-md-only {
    margin-left: -100%;
  }
  .post-0-md-only {
    margin-right: 0%;
  }
  .post-1-md-only {
    margin-right: 8.33333%;
  }
  .post-2-md-only {
    margin-right: 16.66667%;
  }
  .post-3-md-only {
    margin-right: 25%;
  }
  .post-4-md-only {
    margin-right: 33.33333%;
  }
  .post-5-md-only {
    margin-right: 41.66667%;
  }
  .post-6-md-only {
    margin-right: 50%;
  }
  .post-7-md-only {
    margin-right: 58.33333%;
  }
  .post-8-md-only {
    margin-right: 66.66667%;
  }
  .post-9-md-only {
    margin-right: 75%;
  }
  .post-10-md-only {
    margin-right: 83.33333%;
  }
  .post-11-md-only {
    margin-right: 91.66667%;
  }
  .post-12-md-only {
    margin-right: 100%;
  }
  .push-fifth-md-only {
    margin-left: 20%;
  }
  .pull-fifth-md-only {
    margin-left: -20%;
  }
  .post-fifth-md-only {
    margin-right: 20%;
  }
  .pull-left-md-only {
    float: left;
  }
  .pull-right-md-only {
    float: right;
  }
  .clearfix-md-only:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .push-0-sm {
    margin-left: 0%;
  }
  .push-1-sm {
    margin-left: 8.33333%;
  }
  .push-2-sm {
    margin-left: 16.66667%;
  }
  .push-3-sm {
    margin-left: 25%;
  }
  .push-4-sm {
    margin-left: 33.33333%;
  }
  .push-5-sm {
    margin-left: 41.66667%;
  }
  .push-6-sm {
    margin-left: 50%;
  }
  .push-7-sm {
    margin-left: 58.33333%;
  }
  .push-8-sm {
    margin-left: 66.66667%;
  }
  .push-9-sm {
    margin-left: 75%;
  }
  .push-10-sm {
    margin-left: 83.33333%;
  }
  .push-11-sm {
    margin-left: 91.66667%;
  }
  .push-12-sm {
    margin-left: 100%;
  }
  .pull-0-sm {
    margin-left: 0%;
  }
  .pull-1-sm {
    margin-left: -8.33333%;
  }
  .pull-2-sm {
    margin-left: -16.66667%;
  }
  .pull-3-sm {
    margin-left: -25%;
  }
  .pull-4-sm {
    margin-left: -33.33333%;
  }
  .pull-5-sm {
    margin-left: -41.66667%;
  }
  .pull-6-sm {
    margin-left: -50%;
  }
  .pull-7-sm {
    margin-left: -58.33333%;
  }
  .pull-8-sm {
    margin-left: -66.66667%;
  }
  .pull-9-sm {
    margin-left: -75%;
  }
  .pull-10-sm {
    margin-left: -83.33333%;
  }
  .pull-11-sm {
    margin-left: -91.66667%;
  }
  .pull-12-sm {
    margin-left: -100%;
  }
  .post-0-sm {
    margin-right: 0%;
  }
  .post-1-sm {
    margin-right: 8.33333%;
  }
  .post-2-sm {
    margin-right: 16.66667%;
  }
  .post-3-sm {
    margin-right: 25%;
  }
  .post-4-sm {
    margin-right: 33.33333%;
  }
  .post-5-sm {
    margin-right: 41.66667%;
  }
  .post-6-sm {
    margin-right: 50%;
  }
  .post-7-sm {
    margin-right: 58.33333%;
  }
  .post-8-sm {
    margin-right: 66.66667%;
  }
  .post-9-sm {
    margin-right: 75%;
  }
  .post-10-sm {
    margin-right: 83.33333%;
  }
  .post-11-sm {
    margin-right: 91.66667%;
  }
  .post-12-sm {
    margin-right: 100%;
  }
  .push-fifth-sm {
    margin-left: 20%;
  }
  .pull-fifth-sm {
    margin-left: -20%;
  }
  .post-fifth-sm {
    margin-right: 20%;
  }
  .pull-left-sm {
    float: left;
  }
  .pull-right-sm {
    float: right;
  }
  .clearfix-sm:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    width: 100%;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .push-0-sm-only {
    margin-left: 0%;
  }
  .push-1-sm-only {
    margin-left: 8.33333%;
  }
  .push-2-sm-only {
    margin-left: 16.66667%;
  }
  .push-3-sm-only {
    margin-left: 25%;
  }
  .push-4-sm-only {
    margin-left: 33.33333%;
  }
  .push-5-sm-only {
    margin-left: 41.66667%;
  }
  .push-6-sm-only {
    margin-left: 50%;
  }
  .push-7-sm-only {
    margin-left: 58.33333%;
  }
  .push-8-sm-only {
    margin-left: 66.66667%;
  }
  .push-9-sm-only {
    margin-left: 75%;
  }
  .push-10-sm-only {
    margin-left: 83.33333%;
  }
  .push-11-sm-only {
    margin-left: 91.66667%;
  }
  .push-12-sm-only {
    margin-left: 100%;
  }
  .pull-0-sm-only {
    margin-left: 0%;
  }
  .pull-1-sm-only {
    margin-left: -8.33333%;
  }
  .pull-2-sm-only {
    margin-left: -16.66667%;
  }
  .pull-3-sm-only {
    margin-left: -25%;
  }
  .pull-4-sm-only {
    margin-left: -33.33333%;
  }
  .pull-5-sm-only {
    margin-left: -41.66667%;
  }
  .pull-6-sm-only {
    margin-left: -50%;
  }
  .pull-7-sm-only {
    margin-left: -58.33333%;
  }
  .pull-8-sm-only {
    margin-left: -66.66667%;
  }
  .pull-9-sm-only {
    margin-left: -75%;
  }
  .pull-10-sm-only {
    margin-left: -83.33333%;
  }
  .pull-11-sm-only {
    margin-left: -91.66667%;
  }
  .pull-12-sm-only {
    margin-left: -100%;
  }
  .post-0-sm-only {
    margin-right: 0%;
  }
  .post-1-sm-only {
    margin-right: 8.33333%;
  }
  .post-2-sm-only {
    margin-right: 16.66667%;
  }
  .post-3-sm-only {
    margin-right: 25%;
  }
  .post-4-sm-only {
    margin-right: 33.33333%;
  }
  .post-5-sm-only {
    margin-right: 41.66667%;
  }
  .post-6-sm-only {
    margin-right: 50%;
  }
  .post-7-sm-only {
    margin-right: 58.33333%;
  }
  .post-8-sm-only {
    margin-right: 66.66667%;
  }
  .post-9-sm-only {
    margin-right: 75%;
  }
  .post-10-sm-only {
    margin-right: 83.33333%;
  }
  .post-11-sm-only {
    margin-right: 91.66667%;
  }
  .post-12-sm-only {
    margin-right: 100%;
  }
  .push-fifth-sm-only {
    margin-left: 20%;
  }
  .pull-fifth-sm-only {
    margin-left: -20%;
  }
  .post-fifth-sm-only {
    margin-right: 20%;
  }
  .pull-left-sm-only {
    float: left;
  }
  .pull-right-sm-only {
    float: right;
  }
  .clearfix-sm-only:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .push-0-xs {
    margin-left: 0%;
  }
  .push-1-xs {
    margin-left: 8.33333%;
  }
  .push-2-xs {
    margin-left: 16.66667%;
  }
  .push-3-xs {
    margin-left: 25%;
  }
  .push-4-xs {
    margin-left: 33.33333%;
  }
  .push-5-xs {
    margin-left: 41.66667%;
  }
  .push-6-xs {
    margin-left: 50%;
  }
  .push-7-xs {
    margin-left: 58.33333%;
  }
  .push-8-xs {
    margin-left: 66.66667%;
  }
  .push-9-xs {
    margin-left: 75%;
  }
  .push-10-xs {
    margin-left: 83.33333%;
  }
  .push-11-xs {
    margin-left: 91.66667%;
  }
  .push-12-xs {
    margin-left: 100%;
  }
  .pull-0-xs {
    margin-left: 0%;
  }
  .pull-1-xs {
    margin-left: -8.33333%;
  }
  .pull-2-xs {
    margin-left: -16.66667%;
  }
  .pull-3-xs {
    margin-left: -25%;
  }
  .pull-4-xs {
    margin-left: -33.33333%;
  }
  .pull-5-xs {
    margin-left: -41.66667%;
  }
  .pull-6-xs {
    margin-left: -50%;
  }
  .pull-7-xs {
    margin-left: -58.33333%;
  }
  .pull-8-xs {
    margin-left: -66.66667%;
  }
  .pull-9-xs {
    margin-left: -75%;
  }
  .pull-10-xs {
    margin-left: -83.33333%;
  }
  .pull-11-xs {
    margin-left: -91.66667%;
  }
  .pull-12-xs {
    margin-left: -100%;
  }
  .post-0-xs {
    margin-right: 0%;
  }
  .post-1-xs {
    margin-right: 8.33333%;
  }
  .post-2-xs {
    margin-right: 16.66667%;
  }
  .post-3-xs {
    margin-right: 25%;
  }
  .post-4-xs {
    margin-right: 33.33333%;
  }
  .post-5-xs {
    margin-right: 41.66667%;
  }
  .post-6-xs {
    margin-right: 50%;
  }
  .post-7-xs {
    margin-right: 58.33333%;
  }
  .post-8-xs {
    margin-right: 66.66667%;
  }
  .post-9-xs {
    margin-right: 75%;
  }
  .post-10-xs {
    margin-right: 83.33333%;
  }
  .post-11-xs {
    margin-right: 91.66667%;
  }
  .post-12-xs {
    margin-right: 100%;
  }
  .push-fifth-xs {
    margin-left: 20%;
  }
  .pull-fifth-xs {
    margin-left: -20%;
  }
  .post-fifth-xs {
    margin-right: 20%;
  }
  .pull-left-xs {
    float: left;
  }
  .pull-right-xs {
    float: right;
  }
  .clearfix-xs:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    width: 100%;
  }
}

@media screen and (min-width: 381px) and (max-width: 480px) {
  .push-0-xs-only {
    margin-left: 0%;
  }
  .push-1-xs-only {
    margin-left: 8.33333%;
  }
  .push-2-xs-only {
    margin-left: 16.66667%;
  }
  .push-3-xs-only {
    margin-left: 25%;
  }
  .push-4-xs-only {
    margin-left: 33.33333%;
  }
  .push-5-xs-only {
    margin-left: 41.66667%;
  }
  .push-6-xs-only {
    margin-left: 50%;
  }
  .push-7-xs-only {
    margin-left: 58.33333%;
  }
  .push-8-xs-only {
    margin-left: 66.66667%;
  }
  .push-9-xs-only {
    margin-left: 75%;
  }
  .push-10-xs-only {
    margin-left: 83.33333%;
  }
  .push-11-xs-only {
    margin-left: 91.66667%;
  }
  .push-12-xs-only {
    margin-left: 100%;
  }
  .pull-0-xs-only {
    margin-left: 0%;
  }
  .pull-1-xs-only {
    margin-left: -8.33333%;
  }
  .pull-2-xs-only {
    margin-left: -16.66667%;
  }
  .pull-3-xs-only {
    margin-left: -25%;
  }
  .pull-4-xs-only {
    margin-left: -33.33333%;
  }
  .pull-5-xs-only {
    margin-left: -41.66667%;
  }
  .pull-6-xs-only {
    margin-left: -50%;
  }
  .pull-7-xs-only {
    margin-left: -58.33333%;
  }
  .pull-8-xs-only {
    margin-left: -66.66667%;
  }
  .pull-9-xs-only {
    margin-left: -75%;
  }
  .pull-10-xs-only {
    margin-left: -83.33333%;
  }
  .pull-11-xs-only {
    margin-left: -91.66667%;
  }
  .pull-12-xs-only {
    margin-left: -100%;
  }
  .post-0-xs-only {
    margin-right: 0%;
  }
  .post-1-xs-only {
    margin-right: 8.33333%;
  }
  .post-2-xs-only {
    margin-right: 16.66667%;
  }
  .post-3-xs-only {
    margin-right: 25%;
  }
  .post-4-xs-only {
    margin-right: 33.33333%;
  }
  .post-5-xs-only {
    margin-right: 41.66667%;
  }
  .post-6-xs-only {
    margin-right: 50%;
  }
  .post-7-xs-only {
    margin-right: 58.33333%;
  }
  .post-8-xs-only {
    margin-right: 66.66667%;
  }
  .post-9-xs-only {
    margin-right: 75%;
  }
  .post-10-xs-only {
    margin-right: 83.33333%;
  }
  .post-11-xs-only {
    margin-right: 91.66667%;
  }
  .post-12-xs-only {
    margin-right: 100%;
  }
  .push-fifth-xs-only {
    margin-left: 20%;
  }
  .pull-fifth-xs-only {
    margin-left: -20%;
  }
  .post-fifth-xs-only {
    margin-right: 20%;
  }
  .pull-left-xs-only {
    float: left;
  }
  .pull-right-xs-only {
    float: right;
  }
  .clearfix-xs-only:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    width: 100%;
  }
}

@media screen and (max-width: 380px) {
  .push-0-mc {
    margin-left: 0%;
  }
  .push-1-mc {
    margin-left: 8.33333%;
  }
  .push-2-mc {
    margin-left: 16.66667%;
  }
  .push-3-mc {
    margin-left: 25%;
  }
  .push-4-mc {
    margin-left: 33.33333%;
  }
  .push-5-mc {
    margin-left: 41.66667%;
  }
  .push-6-mc {
    margin-left: 50%;
  }
  .push-7-mc {
    margin-left: 58.33333%;
  }
  .push-8-mc {
    margin-left: 66.66667%;
  }
  .push-9-mc {
    margin-left: 75%;
  }
  .push-10-mc {
    margin-left: 83.33333%;
  }
  .push-11-mc {
    margin-left: 91.66667%;
  }
  .push-12-mc {
    margin-left: 100%;
  }
  .pull-0-mc {
    margin-left: 0%;
  }
  .pull-1-mc {
    margin-left: -8.33333%;
  }
  .pull-2-mc {
    margin-left: -16.66667%;
  }
  .pull-3-mc {
    margin-left: -25%;
  }
  .pull-4-mc {
    margin-left: -33.33333%;
  }
  .pull-5-mc {
    margin-left: -41.66667%;
  }
  .pull-6-mc {
    margin-left: -50%;
  }
  .pull-7-mc {
    margin-left: -58.33333%;
  }
  .pull-8-mc {
    margin-left: -66.66667%;
  }
  .pull-9-mc {
    margin-left: -75%;
  }
  .pull-10-mc {
    margin-left: -83.33333%;
  }
  .pull-11-mc {
    margin-left: -91.66667%;
  }
  .pull-12-mc {
    margin-left: -100%;
  }
  .post-0-mc {
    margin-right: 0%;
  }
  .post-1-mc {
    margin-right: 8.33333%;
  }
  .post-2-mc {
    margin-right: 16.66667%;
  }
  .post-3-mc {
    margin-right: 25%;
  }
  .post-4-mc {
    margin-right: 33.33333%;
  }
  .post-5-mc {
    margin-right: 41.66667%;
  }
  .post-6-mc {
    margin-right: 50%;
  }
  .post-7-mc {
    margin-right: 58.33333%;
  }
  .post-8-mc {
    margin-right: 66.66667%;
  }
  .post-9-mc {
    margin-right: 75%;
  }
  .post-10-mc {
    margin-right: 83.33333%;
  }
  .post-11-mc {
    margin-right: 91.66667%;
  }
  .post-12-mc {
    margin-right: 100%;
  }
  .push-fifth-mc {
    margin-left: 20%;
  }
  .pull-fifth-mc {
    margin-left: -20%;
  }
  .post-fifth-mc {
    margin-right: 20%;
  }
  .pull-left-mc {
    float: left;
  }
  .pull-right-mc {
    float: right;
  }
  .clearfix-mc:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    width: 100%;
  }
}

.padding-top {
  padding-top: 20px;
}

.padding-left {
  padding-left: 20px;
}

.padding-right {
  padding-right: 20px;
}

.padding-bottom {
  padding-bottom: 20px;
}

.padding-around {
  padding: 20px;
}

.padding-vertical {
  padding-top: 20px;
  padding-bottom: 20px;
}

.padding-horizontal {
  padding-left: 20px;
  padding-right: 20px;
}

.padding-top-double {
  padding-top: 40px;
}

.padding-left-double {
  padding-left: 40px;
}

.padding-right-double {
  padding-right: 40px;
}

.padding-bottom-double {
  padding-bottom: 40px;
}

.padding-around-double {
  padding: 40px;
}

.padding-vertical-double {
  padding-top: 40px;
  padding-bottom: 40px;
}

.padding-horizontal-double {
  padding-left: 40px;
  padding-right: 40px;
}

.margin-top {
  padding-top: 20px;
}

.margin-left {
  padding-left: 20px;
}

.margin-right {
  padding-right: 20px;
}

.margin-bottom {
  padding-bottom: 20px;
}

.margin-around {
  padding: 20px;
}

.margin-vertical {
  padding-top: 20px;
  padding-bottom: 20px;
}

.margin-horizontal {
  padding-left: 20px;
  padding-right: 20px;
}

.margin-top-double {
  padding-top: 40px;
}

.margin-left-double {
  padding-left: 40px;
}

.margin-right-double {
  padding-right: 40px;
}

.margin-bottom-double {
  padding-bottom: 40px;
}

.margin-around-double {
  padding: 40px;
}

.margin-vertical-double {
  padding-top: 40px;
  padding-bottom: 40px;
}

.margin-horizontal-double {
  padding-left: 40px;
  padding-right: 40px;
}

@media screen and (max-width: 1200px) {
  .padding-top-lg {
    padding-top: 20px;
  }
  .padding-left-lg {
    padding-left: 20px;
  }
  .padding-right-lg {
    padding-right: 20px;
  }
  .padding-bottom-lg {
    padding-bottom: 20px;
  }
  .padding-around-lg {
    padding: 20px;
  }
  .padding-vertical-lg {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .padding-horizontal-lg {
    padding-left: 20px;
    padding-right: 20px;
  }
  .padding-top-double-lg {
    padding-top: 40px;
  }
  .padding-left-double-lg {
    padding-left: 40px;
  }
  .padding-right-double-lg {
    padding-right: 40px;
  }
  .padding-bottom-double-lg {
    padding-bottom: 40px;
  }
  .padding-around-double-lg {
    padding: 40px;
  }
  .padding-vertical-double-lg {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .padding-horizontal-double-lg {
    padding-left: 40px;
    padding-right: 40px;
  }
  .margin-top-lg {
    padding-top: 20px;
  }
  .margin-left-lg {
    padding-left: 20px;
  }
  .margin-right-lg {
    padding-right: 20px;
  }
  .margin-bottom-lg {
    padding-bottom: 20px;
  }
  .margin-around-lg {
    padding: 20px;
  }
  .margin-vertical-lg {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .margin-horizontal-lg {
    padding-left: 20px;
    padding-right: 20px;
  }
  .margin-top-double-lg {
    padding-top: 40px;
  }
  .margin-left-double-lg {
    padding-left: 40px;
  }
  .margin-right-double-lg {
    padding-right: 40px;
  }
  .margin-bottom-double-lg {
    padding-bottom: 40px;
  }
  .margin-around-double-lg {
    padding: 40px;
  }
  .margin-vertical-double-lg {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .margin-horizontal-double-lg {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .padding-top-lg-only {
    padding-top: 20px;
  }
  .padding-left-lg-only {
    padding-left: 20px;
  }
  .padding-right-lg-only {
    padding-right: 20px;
  }
  .padding-bottom-lg-only {
    padding-bottom: 20px;
  }
  .padding-around-lg-only {
    padding: 20px;
  }
  .padding-vertical-lg-only {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .padding-horizontal-lg-only {
    padding-left: 20px;
    padding-right: 20px;
  }
  .padding-top-double-lg-only {
    padding-top: 40px;
  }
  .padding-left-double-lg-only {
    padding-left: 40px;
  }
  .padding-right-double-lg-only {
    padding-right: 40px;
  }
  .padding-bottom-double-lg-only {
    padding-bottom: 40px;
  }
  .padding-around-double-lg-only {
    padding: 40px;
  }
  .padding-vertical-double-lg-only {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .padding-horizontal-double-lg-only {
    padding-left: 40px;
    padding-right: 40px;
  }
  .margin-top-lg-only {
    padding-top: 20px;
  }
  .margin-left-lg-only {
    padding-left: 20px;
  }
  .margin-right-lg-only {
    padding-right: 20px;
  }
  .margin-bottom-lg-only {
    padding-bottom: 20px;
  }
  .margin-around-lg-only {
    padding: 20px;
  }
  .margin-vertical-lg-only {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .margin-horizontal-lg-only {
    padding-left: 20px;
    padding-right: 20px;
  }
  .margin-top-double-lg-only {
    padding-top: 40px;
  }
  .margin-left-double-lg-only {
    padding-left: 40px;
  }
  .margin-right-double-lg-only {
    padding-right: 40px;
  }
  .margin-bottom-double-lg-only {
    padding-bottom: 40px;
  }
  .margin-around-double-lg-only {
    padding: 40px;
  }
  .margin-vertical-double-lg-only {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .margin-horizontal-double-lg-only {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (max-width: 1024px) {
  .padding-top-md {
    padding-top: 20px;
  }
  .padding-left-md {
    padding-left: 20px;
  }
  .padding-right-md {
    padding-right: 20px;
  }
  .padding-bottom-md {
    padding-bottom: 20px;
  }
  .padding-around-md {
    padding: 20px;
  }
  .padding-vertical-md {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .padding-horizontal-md {
    padding-left: 20px;
    padding-right: 20px;
  }
  .padding-top-double-md {
    padding-top: 40px;
  }
  .padding-left-double-md {
    padding-left: 40px;
  }
  .padding-right-double-md {
    padding-right: 40px;
  }
  .padding-bottom-double-md {
    padding-bottom: 40px;
  }
  .padding-around-double-md {
    padding: 40px;
  }
  .padding-vertical-double-md {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .padding-horizontal-double-md {
    padding-left: 40px;
    padding-right: 40px;
  }
  .margin-top-md {
    padding-top: 20px;
  }
  .margin-left-md {
    padding-left: 20px;
  }
  .margin-right-md {
    padding-right: 20px;
  }
  .margin-bottom-md {
    padding-bottom: 20px;
  }
  .margin-around-md {
    padding: 20px;
  }
  .margin-vertical-md {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .margin-horizontal-md {
    padding-left: 20px;
    padding-right: 20px;
  }
  .margin-top-double-md {
    padding-top: 40px;
  }
  .margin-left-double-md {
    padding-left: 40px;
  }
  .margin-right-double-md {
    padding-right: 40px;
  }
  .margin-bottom-double-md {
    padding-bottom: 40px;
  }
  .margin-around-double-md {
    padding: 40px;
  }
  .margin-vertical-double-md {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .margin-horizontal-double-md {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .padding-top-md-only {
    padding-top: 20px;
  }
  .padding-left-md-only {
    padding-left: 20px;
  }
  .padding-right-md-only {
    padding-right: 20px;
  }
  .padding-bottom-md-only {
    padding-bottom: 20px;
  }
  .padding-around-md-only {
    padding: 20px;
  }
  .padding-vertical-md-only {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .padding-horizontal-md-only {
    padding-left: 20px;
    padding-right: 20px;
  }
  .padding-top-double-md-only {
    padding-top: 40px;
  }
  .padding-left-double-md-only {
    padding-left: 40px;
  }
  .padding-right-double-md-only {
    padding-right: 40px;
  }
  .padding-bottom-double-md-only {
    padding-bottom: 40px;
  }
  .padding-around-double-md-only {
    padding: 40px;
  }
  .padding-vertical-double-md-only {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .padding-horizontal-double-md-only {
    padding-left: 40px;
    padding-right: 40px;
  }
  .margin-top-md-only {
    padding-top: 20px;
  }
  .margin-left-md-only {
    padding-left: 20px;
  }
  .margin-right-md-only {
    padding-right: 20px;
  }
  .margin-bottom-md-only {
    padding-bottom: 20px;
  }
  .margin-around-md-only {
    padding: 20px;
  }
  .margin-vertical-md-only {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .margin-horizontal-md-only {
    padding-left: 20px;
    padding-right: 20px;
  }
  .margin-top-double-md-only {
    padding-top: 40px;
  }
  .margin-left-double-md-only {
    padding-left: 40px;
  }
  .margin-right-double-md-only {
    padding-right: 40px;
  }
  .margin-bottom-double-md-only {
    padding-bottom: 40px;
  }
  .margin-around-double-md-only {
    padding: 40px;
  }
  .margin-vertical-double-md-only {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .margin-horizontal-double-md-only {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (max-width: 768px) {
  .padding-top-sm {
    padding-top: 20px;
  }
  .padding-left-sm {
    padding-left: 20px;
  }
  .padding-right-sm {
    padding-right: 20px;
  }
  .padding-bottom-sm {
    padding-bottom: 20px;
  }
  .padding-around-sm {
    padding: 20px;
  }
  .padding-vertical-sm {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .padding-horizontal-sm {
    padding-left: 20px;
    padding-right: 20px;
  }
  .padding-top-double-sm {
    padding-top: 40px;
  }
  .padding-left-double-sm {
    padding-left: 40px;
  }
  .padding-right-double-sm {
    padding-right: 40px;
  }
  .padding-bottom-double-sm {
    padding-bottom: 40px;
  }
  .padding-around-double-sm {
    padding: 40px;
  }
  .padding-vertical-double-sm {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .padding-horizontal-double-sm {
    padding-left: 40px;
    padding-right: 40px;
  }
  .margin-top-sm {
    padding-top: 20px;
  }
  .margin-left-sm {
    padding-left: 20px;
  }
  .margin-right-sm {
    padding-right: 20px;
  }
  .margin-bottom-sm {
    padding-bottom: 20px;
  }
  .margin-around-sm {
    padding: 20px;
  }
  .margin-vertical-sm {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .margin-horizontal-sm {
    padding-left: 20px;
    padding-right: 20px;
  }
  .margin-top-double-sm {
    padding-top: 40px;
  }
  .margin-left-double-sm {
    padding-left: 40px;
  }
  .margin-right-double-sm {
    padding-right: 40px;
  }
  .margin-bottom-double-sm {
    padding-bottom: 40px;
  }
  .margin-around-double-sm {
    padding: 40px;
  }
  .margin-vertical-double-sm {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .margin-horizontal-double-sm {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .padding-top-sm-only {
    padding-top: 20px;
  }
  .padding-left-sm-only {
    padding-left: 20px;
  }
  .padding-right-sm-only {
    padding-right: 20px;
  }
  .padding-bottom-sm-only {
    padding-bottom: 20px;
  }
  .padding-around-sm-only {
    padding: 20px;
  }
  .padding-vertical-sm-only {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .padding-horizontal-sm-only {
    padding-left: 20px;
    padding-right: 20px;
  }
  .padding-top-double-sm-only {
    padding-top: 40px;
  }
  .padding-left-double-sm-only {
    padding-left: 40px;
  }
  .padding-right-double-sm-only {
    padding-right: 40px;
  }
  .padding-bottom-double-sm-only {
    padding-bottom: 40px;
  }
  .padding-around-double-sm-only {
    padding: 40px;
  }
  .padding-vertical-double-sm-only {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .padding-horizontal-double-sm-only {
    padding-left: 40px;
    padding-right: 40px;
  }
  .margin-top-sm-only {
    padding-top: 20px;
  }
  .margin-left-sm-only {
    padding-left: 20px;
  }
  .margin-right-sm-only {
    padding-right: 20px;
  }
  .margin-bottom-sm-only {
    padding-bottom: 20px;
  }
  .margin-around-sm-only {
    padding: 20px;
  }
  .margin-vertical-sm-only {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .margin-horizontal-sm-only {
    padding-left: 20px;
    padding-right: 20px;
  }
  .margin-top-double-sm-only {
    padding-top: 40px;
  }
  .margin-left-double-sm-only {
    padding-left: 40px;
  }
  .margin-right-double-sm-only {
    padding-right: 40px;
  }
  .margin-bottom-double-sm-only {
    padding-bottom: 40px;
  }
  .margin-around-double-sm-only {
    padding: 40px;
  }
  .margin-vertical-double-sm-only {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .margin-horizontal-double-sm-only {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (max-width: 480px) {
  .padding-top-xs {
    padding-top: 20px;
  }
  .padding-left-xs {
    padding-left: 20px;
  }
  .padding-right-xs {
    padding-right: 20px;
  }
  .padding-bottom-xs {
    padding-bottom: 20px;
  }
  .padding-around-xs {
    padding: 20px;
  }
  .padding-vertical-xs {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .padding-horizontal-xs {
    padding-left: 20px;
    padding-right: 20px;
  }
  .padding-top-double-xs {
    padding-top: 40px;
  }
  .padding-left-double-xs {
    padding-left: 40px;
  }
  .padding-right-double-xs {
    padding-right: 40px;
  }
  .padding-bottom-double-xs {
    padding-bottom: 40px;
  }
  .padding-around-double-xs {
    padding: 40px;
  }
  .padding-vertical-double-xs {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .padding-horizontal-double-xs {
    padding-left: 40px;
    padding-right: 40px;
  }
  .margin-top-xs {
    padding-top: 20px;
  }
  .margin-left-xs {
    padding-left: 20px;
  }
  .margin-right-xs {
    padding-right: 20px;
  }
  .margin-bottom-xs {
    padding-bottom: 20px;
  }
  .margin-around-xs {
    padding: 20px;
  }
  .margin-vertical-xs {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .margin-horizontal-xs {
    padding-left: 20px;
    padding-right: 20px;
  }
  .margin-top-double-xs {
    padding-top: 40px;
  }
  .margin-left-double-xs {
    padding-left: 40px;
  }
  .margin-right-double-xs {
    padding-right: 40px;
  }
  .margin-bottom-double-xs {
    padding-bottom: 40px;
  }
  .margin-around-double-xs {
    padding: 40px;
  }
  .margin-vertical-double-xs {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .margin-horizontal-double-xs {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (min-width: 381px) and (max-width: 480px) {
  .padding-top-xs-only {
    padding-top: 20px;
  }
  .padding-left-xs-only {
    padding-left: 20px;
  }
  .padding-right-xs-only {
    padding-right: 20px;
  }
  .padding-bottom-xs-only {
    padding-bottom: 20px;
  }
  .padding-around-xs-only {
    padding: 20px;
  }
  .padding-vertical-xs-only {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .padding-horizontal-xs-only {
    padding-left: 20px;
    padding-right: 20px;
  }
  .padding-top-double-xs-only {
    padding-top: 40px;
  }
  .padding-left-double-xs-only {
    padding-left: 40px;
  }
  .padding-right-double-xs-only {
    padding-right: 40px;
  }
  .padding-bottom-double-xs-only {
    padding-bottom: 40px;
  }
  .padding-around-double-xs-only {
    padding: 40px;
  }
  .padding-vertical-double-xs-only {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .padding-horizontal-double-xs-only {
    padding-left: 40px;
    padding-right: 40px;
  }
  .margin-top-xs-only {
    padding-top: 20px;
  }
  .margin-left-xs-only {
    padding-left: 20px;
  }
  .margin-right-xs-only {
    padding-right: 20px;
  }
  .margin-bottom-xs-only {
    padding-bottom: 20px;
  }
  .margin-around-xs-only {
    padding: 20px;
  }
  .margin-vertical-xs-only {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .margin-horizontal-xs-only {
    padding-left: 20px;
    padding-right: 20px;
  }
  .margin-top-double-xs-only {
    padding-top: 40px;
  }
  .margin-left-double-xs-only {
    padding-left: 40px;
  }
  .margin-right-double-xs-only {
    padding-right: 40px;
  }
  .margin-bottom-double-xs-only {
    padding-bottom: 40px;
  }
  .margin-around-double-xs-only {
    padding: 40px;
  }
  .margin-vertical-double-xs-only {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .margin-horizontal-double-xs-only {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (max-width: 380px) {
  .padding-top-mc {
    padding-top: 20px;
  }
  .padding-left-mc {
    padding-left: 20px;
  }
  .padding-right-mc {
    padding-right: 20px;
  }
  .padding-bottom-mc {
    padding-bottom: 20px;
  }
  .padding-around-mc {
    padding: 20px;
  }
  .padding-vertical-mc {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .padding-horizontal-mc {
    padding-left: 20px;
    padding-right: 20px;
  }
  .padding-top-double-mc {
    padding-top: 40px;
  }
  .padding-left-double-mc {
    padding-left: 40px;
  }
  .padding-right-double-mc {
    padding-right: 40px;
  }
  .padding-bottom-double-mc {
    padding-bottom: 40px;
  }
  .padding-around-double-mc {
    padding: 40px;
  }
  .padding-vertical-double-mc {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .padding-horizontal-double-mc {
    padding-left: 40px;
    padding-right: 40px;
  }
  .margin-top-mc {
    padding-top: 20px;
  }
  .margin-left-mc {
    padding-left: 20px;
  }
  .margin-right-mc {
    padding-right: 20px;
  }
  .margin-bottom-mc {
    padding-bottom: 20px;
  }
  .margin-around-mc {
    padding: 20px;
  }
  .margin-vertical-mc {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .margin-horizontal-mc {
    padding-left: 20px;
    padding-right: 20px;
  }
  .margin-top-double-mc {
    padding-top: 40px;
  }
  .margin-left-double-mc {
    padding-left: 40px;
  }
  .margin-right-double-mc {
    padding-right: 40px;
  }
  .margin-bottom-double-mc {
    padding-bottom: 40px;
  }
  .margin-around-double-mc {
    padding: 40px;
  }
  .margin-vertical-double-mc {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .margin-horizontal-double-mc {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.container {
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1220px;
}

.row {
 display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
}
.flex-row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;  

}

.row-reverse {
  display: flex;
  flex: 0 1 auto;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
}

.col {
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
}
.flex-col {
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  flex-wrap: wrap;
}
.col-reverse {
  display: flex;
  flex: 0 1 auto;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
}

[class*='cell-'] {
  padding-left: 20px;
  padding-right: 20px;
}

.cell-1 {
  max-width: 8.33333%;
  flex-basis: 8.33333%;
}

.cell-2 {
  max-width: 16.66667%;
  flex-basis: 16.66667%;
}

.cell-3 {
  max-width: 25%;
  flex-basis: 25%;
}

.cell-4 {
  max-width: 33.33333%;
  flex-basis: 33.33333%;
}

.cell-5 {
  max-width: 41.66667%;
  flex-basis: 41.66667%;
}

.cell-6 {
  max-width: 50%;
  flex-basis: 50%;
}

.cell-7 {
  max-width: 58.33333%;
  flex-basis: 58.33333%;
}

.cell-8 {
  max-width: 66.66667%;
  flex-basis: 66.66667%;
}

.cell-9 {
  max-width: 75%;
  flex-basis: 75%;
}

.cell-10 {
  max-width: 83.33333%;
  flex-basis: 83.33333%;
}

.cell-11 {
  max-width: 91.66667%;
  flex-basis: 91.66667%;
}

.cell-12 {
  max-width: 100%;
  flex-basis: 100%;
}

.cell-fifth {
  max-width: 20%;
  flex-basis: 20%;
}

@media screen and (max-width: 1200px) {
  .cell-1-lg {
    max-width: 8.33333%;
    flex-basis: 8.33333%;
  }
  .cell-2-lg {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
  }
  .cell-3-lg {
    max-width: 25%;
    flex-basis: 25%;
  }
  .cell-4-lg {
    max-width: 33.33333%;
    flex-basis: 33.33333%;
  }
  .cell-5-lg {
    max-width: 41.66667%;
    flex-basis: 41.66667%;
  }
  .cell-6-lg {
    max-width: 50%;
    flex-basis: 50%;
  }
  .cell-7-lg {
    max-width: 58.33333%;
    flex-basis: 58.33333%;
  }
  .cell-8-lg {
    max-width: 66.66667%;
    flex-basis: 66.66667%;
  }
  .cell-9-lg {
    max-width: 75%;
    flex-basis: 75%;
  }
  .cell-10-lg {
    max-width: 83.33333%;
    flex-basis: 83.33333%;
  }
  .cell-11-lg {
    max-width: 91.66667%;
    flex-basis: 91.66667%;
  }
  .cell-12-lg {
    max-width: 100%;
    flex-basis: 100%;
  }
  .cell-fifth-lg {
    max-width: 20%;
    flex-basis: 20%;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .cell-1-lg-only {
    max-width: 8.33333%;
    flex-basis: 8.33333%;
  }
  .cell-2-lg-only {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
  }
  .cell-3-lg-only {
    max-width: 25%;
    flex-basis: 25%;
  }
  .cell-4-lg-only {
    max-width: 33.33333%;
    flex-basis: 33.33333%;
  }
  .cell-5-lg-only {
    max-width: 41.66667%;
    flex-basis: 41.66667%;
  }
  .cell-6-lg-only {
    max-width: 50%;
    flex-basis: 50%;
  }
  .cell-7-lg-only {
    max-width: 58.33333%;
    flex-basis: 58.33333%;
  }
  .cell-8-lg-only {
    max-width: 66.66667%;
    flex-basis: 66.66667%;
  }
  .cell-9-lg-only {
    max-width: 75%;
    flex-basis: 75%;
  }
  .cell-10-lg-only {
    max-width: 83.33333%;
    flex-basis: 83.33333%;
  }
  .cell-11-lg-only {
    max-width: 91.66667%;
    flex-basis: 91.66667%;
  }
  .cell-12-lg-only {
    max-width: 100%;
    flex-basis: 100%;
  }
  .cell-fifth-lg-only {
    max-width: 20%;
    flex-basis: 20%;
  }
}

@media screen and (max-width: 1024px) {
  .cell-1-md {
    max-width: 8.33333%;
    flex-basis: 8.33333%;
  }
  .cell-2-md {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
  }
  .cell-3-md {
    max-width: 25%;
    flex-basis: 25%;
  }
  .cell-4-md {
    max-width: 33.33333%;
    flex-basis: 33.33333%;
  }
  .cell-5-md {
    max-width: 41.66667%;
    flex-basis: 41.66667%;
  }
  .cell-6-md {
    max-width: 50%;
    flex-basis: 50%;
  }
  .cell-7-md {
    max-width: 58.33333%;
    flex-basis: 58.33333%;
  }
  .cell-8-md {
    max-width: 66.66667%;
    flex-basis: 66.66667%;
  }
  .cell-9-md {
    max-width: 75%;
    flex-basis: 75%;
  }
  .cell-10-md {
    max-width: 83.33333%;
    flex-basis: 83.33333%;
  }
  .cell-11-md {
    max-width: 91.66667%;
    flex-basis: 91.66667%;
  }
  .cell-12-md {
    max-width: 100%;
    flex-basis: 100%;
  }
  .cell-fifth-md {
    max-width: 20%;
    flex-basis: 20%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .cell-1-md-only {
    max-width: 8.33333%;
    flex-basis: 8.33333%;
  }
  .cell-2-md-only {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
  }
  .cell-3-md-only {
    max-width: 25%;
    flex-basis: 25%;
  }
  .cell-4-md-only {
    max-width: 33.33333%;
    flex-basis: 33.33333%;
  }
  .cell-5-md-only {
    max-width: 41.66667%;
    flex-basis: 41.66667%;
  }
  .cell-6-md-only {
    max-width: 50%;
    flex-basis: 50%;
  }
  .cell-7-md-only {
    max-width: 58.33333%;
    flex-basis: 58.33333%;
  }
  .cell-8-md-only {
    max-width: 66.66667%;
    flex-basis: 66.66667%;
  }
  .cell-9-md-only {
    max-width: 75%;
    flex-basis: 75%;
  }
  .cell-10-md-only {
    max-width: 83.33333%;
    flex-basis: 83.33333%;
  }
  .cell-11-md-only {
    max-width: 91.66667%;
    flex-basis: 91.66667%;
  }
  .cell-12-md-only {
    max-width: 100%;
    flex-basis: 100%;
  }
  .cell-fifth-md-only {
    max-width: 20%;
    flex-basis: 20%;
  }
}

@media screen and (max-width: 768px) {
  .cell-1-sm {
    max-width: 8.33333%;
    flex-basis: 8.33333%;
  }
  .cell-2-sm {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
  }
  .cell-3-sm {
    max-width: 25%;
    flex-basis: 25%;
  }
  .cell-4-sm {
    max-width: 33.33333%;
    flex-basis: 33.33333%;
  }
  .cell-5-sm {
    max-width: 41.66667%;
    flex-basis: 41.66667%;
  }
  .cell-6-sm {
    max-width: 50%;
    flex-basis: 50%;
  }
  .cell-7-sm {
    max-width: 58.33333%;
    flex-basis: 58.33333%;
  }
  .cell-8-sm {
    max-width: 66.66667%;
    flex-basis: 66.66667%;
  }
  .cell-9-sm {
    max-width: 75%;
    flex-basis: 75%;
  }
  .cell-10-sm {
    max-width: 83.33333%;
    flex-basis: 83.33333%;
  }
  .cell-11-sm {
    max-width: 91.66667%;
    flex-basis: 91.66667%;
  }
  .cell-12-sm {
    max-width: 100%;
    flex-basis: 100%;
  }
  .cell-fifth-sm {
    max-width: 20%;
    flex-basis: 20%;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .cell-1-sm-only {
    max-width: 8.33333%;
    flex-basis: 8.33333%;
  }
  .cell-2-sm-only {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
  }
  .cell-3-sm-only {
    max-width: 25%;
    flex-basis: 25%;
  }
  .cell-4-sm-only {
    max-width: 33.33333%;
    flex-basis: 33.33333%;
  }
  .cell-5-sm-only {
    max-width: 41.66667%;
    flex-basis: 41.66667%;
  }
  .cell-6-sm-only {
    max-width: 50%;
    flex-basis: 50%;
  }
  .cell-7-sm-only {
    max-width: 58.33333%;
    flex-basis: 58.33333%;
  }
  .cell-8-sm-only {
    max-width: 66.66667%;
    flex-basis: 66.66667%;
  }
  .cell-9-sm-only {
    max-width: 75%;
    flex-basis: 75%;
  }
  .cell-10-sm-only {
    max-width: 83.33333%;
    flex-basis: 83.33333%;
  }
  .cell-11-sm-only {
    max-width: 91.66667%;
    flex-basis: 91.66667%;
  }
  .cell-12-sm-only {
    max-width: 100%;
    flex-basis: 100%;
  }
  .cell-fifth-sm-only {
    max-width: 20%;
    flex-basis: 20%;
  }
}

@media screen and (max-width: 480px) {
  .cell-1-xs {
    max-width: 8.33333%;
    flex-basis: 8.33333%;
  }
  .cell-2-xs {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
  }
  .cell-3-xs {
    max-width: 25%;
    flex-basis: 25%;
  }
  .cell-4-xs {
    max-width: 33.33333%;
    flex-basis: 33.33333%;
  }
  .cell-5-xs {
    max-width: 41.66667%;
    flex-basis: 41.66667%;
  }
  .cell-6-xs {
    max-width: 50%;
    flex-basis: 50%;
  }
  .cell-7-xs {
    max-width: 58.33333%;
    flex-basis: 58.33333%;
  }
  .cell-8-xs {
    max-width: 66.66667%;
    flex-basis: 66.66667%;
  }
  .cell-9-xs {
    max-width: 75%;
    flex-basis: 75%;
  }
  .cell-10-xs {
    max-width: 83.33333%;
    flex-basis: 83.33333%;
  }
  .cell-11-xs {
    max-width: 91.66667%;
    flex-basis: 91.66667%;
  }
  .cell-12-xs {
    max-width: 100%;
    flex-basis: 100%;
  }
  .cell-fifth-xs {
    max-width: 20%;
    flex-basis: 20%;
  }
}

@media screen and (min-width: 381px) and (max-width: 480px) {
  .cell-1-xs-only {
    max-width: 8.33333%;
    flex-basis: 8.33333%;
  }
  .cell-2-xs-only {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
  }
  .cell-3-xs-only {
    max-width: 25%;
    flex-basis: 25%;
  }
  .cell-4-xs-only {
    max-width: 33.33333%;
    flex-basis: 33.33333%;
  }
  .cell-5-xs-only {
    max-width: 41.66667%;
    flex-basis: 41.66667%;
  }
  .cell-6-xs-only {
    max-width: 50%;
    flex-basis: 50%;
  }
  .cell-7-xs-only {
    max-width: 58.33333%;
    flex-basis: 58.33333%;
  }
  .cell-8-xs-only {
    max-width: 66.66667%;
    flex-basis: 66.66667%;
  }
  .cell-9-xs-only {
    max-width: 75%;
    flex-basis: 75%;
  }
  .cell-10-xs-only {
    max-width: 83.33333%;
    flex-basis: 83.33333%;
  }
  .cell-11-xs-only {
    max-width: 91.66667%;
    flex-basis: 91.66667%;
  }
  .cell-12-xs-only {
    max-width: 100%;
    flex-basis: 100%;
  }
  .cell-fifth-xs-only {
    max-width: 20%;
    flex-basis: 20%;
  }
}

@media screen and (max-width: 380px) {
  .cell-1-mc {
    max-width: 8.33333%;
    flex-basis: 8.33333%;
  }
  .cell-2-mc {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
  }
  .cell-3-mc {
    max-width: 25%;
    flex-basis: 25%;
  }
  .cell-4-mc {
    max-width: 33.33333%;
    flex-basis: 33.33333%;
  }
  .cell-5-mc {
    max-width: 41.66667%;
    flex-basis: 41.66667%;
  }
  .cell-6-mc {
    max-width: 50%;
    flex-basis: 50%;
  }
  .cell-7-mc {
    max-width: 58.33333%;
    flex-basis: 58.33333%;
  }
  .cell-8-mc {
    max-width: 66.66667%;
    flex-basis: 66.66667%;
  }
  .cell-9-mc {
    max-width: 75%;
    flex-basis: 75%;
  }
  .cell-10-mc {
    max-width: 83.33333%;
    flex-basis: 83.33333%;
  }
  .cell-11-mc {
    max-width: 91.66667%;
    flex-basis: 91.66667%;
  }
  .cell-12-mc {
    max-width: 100%;
    flex-basis: 100%;
  }
  .cell-fifth-mc {
    max-width: 20%;
    flex-basis: 20%;
  }
}

.flex-start {
  justify-content: flex-start;
  text-align: start;
}

.flex-center {
  justify-content: center;
  text-align: center;
}

.flex-end {
  justify-content: flex-end;
  text-align: end;
}

.flex-top {
  align-items: flex-start;
}

.flex-middle {
  align-items: center;
}

.flex-bottom {
  align-items: flex-end;
}

.flex-around {
  justify-content: space-around;
}

.flex-between {
  justify-content: space-between;
}

.flex-first {
  order: -1;
}

.flex-last {
  order: 1;
}

@media screen and (max-width: 1200px) {
  .flex-start-lg {
    justify-content: flex-start;
    text-align: start;
  }
  .flex-center-lg {
    justify-content: center;
    text-align: center;
  }
  .flex-end-lg {
    justify-content: flex-end;
    text-align: end;
  }
  .flex-top-lg {
    align-items: flex-start;
  }
  .flex-middle-lg {
    align-items: center;
  }
  .flex-bottom-lg {
    align-items: flex-end;
  }
  .flex-around-lg {
    justify-content: space-around;
  }
  .flex-between-lg {
    justify-content: space-between;
  }
  .flex-first-lg {
    order: -1;
  }
  .flex-last-lg {
    order: 1;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .flex-start-lg-only {
    justify-content: flex-start;
    text-align: start;
  }
  .flex-center-lg-only {
    justify-content: center;
    text-align: center;
  }
  .flex-end-lg-only {
    justify-content: flex-end;
    text-align: end;
  }
  .flex-top-lg-only {
    align-items: flex-start;
  }
  .flex-middle-lg-only {
    align-items: center;
  }
  .flex-bottom-lg-only {
    align-items: flex-end;
  }
  .flex-around-lg-only {
    justify-content: space-around;
  }
  .flex-between-lg-only {
    justify-content: space-between;
  }
  .flex-first-lg-only {
    order: -1;
  }
  .flex-last-lg-only {
    order: 1;
  }
}

@media screen and (max-width: 1024px) {
  .flex-start-md {
    justify-content: flex-start;
    text-align: start;
  }
  .flex-center-md {
    justify-content: center;
    text-align: center;
  }
  .flex-end-md {
    justify-content: flex-end;
    text-align: end;
  }
  .flex-top-md {
    align-items: flex-start;
  }
  .flex-middle-md {
    align-items: center;
  }
  .flex-bottom-md {
    align-items: flex-end;
  }
  .flex-around-md {
    justify-content: space-around;
  }
  .flex-between-md {
    justify-content: space-between;
  }
  .flex-first-md {
    order: -1;
  }
  .flex-last-md {
    order: 1;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .flex-start-md-only {
    justify-content: flex-start;
    text-align: start;
  }
  .flex-center-md-only {
    justify-content: center;
    text-align: center;
  }
  .flex-end-md-only {
    justify-content: flex-end;
    text-align: end;
  }
  .flex-top-md-only {
    align-items: flex-start;
  }
  .flex-middle-md-only {
    align-items: center;
  }
  .flex-bottom-md-only {
    align-items: flex-end;
  }
  .flex-around-md-only {
    justify-content: space-around;
  }
  .flex-between-md-only {
    justify-content: space-between;
  }
  .flex-first-md-only {
    order: -1;
  }
  .flex-last-md-only {
    order: 1;
  }
}

@media screen and (max-width: 768px) {
  .flex-start-sm {
    justify-content: flex-start;
    text-align: start;
  }
  .flex-center-sm {
    justify-content: center;
    text-align: center;
  }
  .flex-end-sm {
    justify-content: flex-end;
    text-align: end;
  }
  .flex-top-sm {
    align-items: flex-start;
  }
  .flex-middle-sm {
    align-items: center;
  }
  .flex-bottom-sm {
    align-items: flex-end;
  }
  .flex-around-sm {
    justify-content: space-around;
  }
  .flex-between-sm {
    justify-content: space-between;
  }
  .flex-first-sm {
    order: -1;
  }
  .flex-last-sm {
    order: 1;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .flex-start-sm-only {
    justify-content: flex-start;
    text-align: start;
  }
  .flex-center-sm-only {
    justify-content: center;
    text-align: center;
  }
  .flex-end-sm-only {
    justify-content: flex-end;
    text-align: end;
  }
  .flex-top-sm-only {
    align-items: flex-start;
  }
  .flex-middle-sm-only {
    align-items: center;
  }
  .flex-bottom-sm-only {
    align-items: flex-end;
  }
  .flex-around-sm-only {
    justify-content: space-around;
  }
  .flex-between-sm-only {
    justify-content: space-between;
  }
  .flex-first-sm-only {
    order: -1;
  }
  .flex-last-sm-only {
    order: 1;
  }
}

@media screen and (max-width: 480px) {
  .flex-start-xs {
    justify-content: flex-start;
    text-align: start;
  }
  .flex-center-xs {
    justify-content: center;
    text-align: center;
  }
  .flex-end-xs {
    justify-content: flex-end;
    text-align: end;
  }
  .flex-top-xs {
    align-items: flex-start;
  }
  .flex-middle-xs {
    align-items: center;
  }
  .flex-bottom-xs {
    align-items: flex-end;
  }
  .flex-around-xs {
    justify-content: space-around;
  }
  .flex-between-xs {
    justify-content: space-between;
  }
  .flex-first-xs {
    order: -1;
  }
  .flex-last-xs {
    order: 1;
  }
}

@media screen and (min-width: 381px) and (max-width: 480px) {
  .flex-start-xs-only {
    justify-content: flex-start;
    text-align: start;
  }
  .flex-center-xs-only {
    justify-content: center;
    text-align: center;
  }
  .flex-end-xs-only {
    justify-content: flex-end;
    text-align: end;
  }
  .flex-top-xs-only {
    align-items: flex-start;
  }
  .flex-middle-xs-only {
    align-items: center;
  }
  .flex-bottom-xs-only {
    align-items: flex-end;
  }
  .flex-around-xs-only {
    justify-content: space-around;
  }
  .flex-between-xs-only {
    justify-content: space-between;
  }
  .flex-first-xs-only {
    order: -1;
  }
  .flex-last-xs-only {
    order: 1;
  }
}

@media screen and (max-width: 380px) {
  .flex-start-mc {
    justify-content: flex-start;
    text-align: start;
  }
  .flex-center-mc {
    justify-content: center;
    text-align: center;
  }
  .flex-end-mc {
    justify-content: flex-end;
    text-align: end;
  }
  .flex-top-mc {
    align-items: flex-start;
  }
  .flex-middle-mc {
    align-items: center;
  }
  .flex-bottom-mc {
    align-items: flex-end;
  }
  .flex-around-mc {
    justify-content: space-around;
  }
  .flex-between-mc {
    justify-content: space-between;
  }
  .flex-first-mc {
    order: -1;
  }
  .flex-last-mc {
    order: 1;
  }
}