html,
body {
  margin: 0px;
  padding: 0px;
}

/* grid */

.bissell {
  margin: 0 15px;
}

.bissell .container {
  width: 100%;
  margin: 0px auto;
}

@media screen and (min-width: 1024px) {
  .bissell .container {
    width: 970px;
  }
}

.bissell .flex-middle {
  display: flex;
  justify-content: center;
  align-items: center;
}

.bissell .flex-grid {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .bissell .flex-grid {
    display: block;
  }
}

.bissell section {
  margin-top: 50px;
}

.bissell .img-responsive {
  max-width: 100%;
  height: auto;
}

.bissell .col {
  flex: 1;
}

/* colors & fonts  */

.bissell .color--blue {
  color: #009fe3;
}

.bissell .color--gray {
  color: #2f2f2f;
}

.bissell .color--gray2 {
  color: #f3f3f3;
}

.bissell .color--gray3 {
  color: #dddddd;
}

.bissell .uppercase {
  text-transform: uppercase;
}

.bissell {
  font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.bissell p {
  color: #2f2f2f;
}

.bissell ul li {
  color: #2f2f2f;
}

.bissell .heading {
  font-size: 33px;
}

.bissell .heading--medium {
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .bissell .heading {
    font-size: 24px;
  }
}

/* elements */

.bissell .lockup {
  margin: 0px;
}

.bissell ul li {
  line-height: 25px;
}

.bissell .icons .col {
  padding: 0px 20px;
}

.bissell .icons .col:not(:last-child) {
  border-right: 1px solid #dddddd;
}

@media screen and (max-width: 768px) {
  .bissell .icons {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
  }

  .bissell .icons .col:not(:last-child) {
    border: 0px;
  }
}

.bissell .features .col {
  padding: 10px;
  width: 49%;
}

.bissell .features .col .heading--medium {
  padding: 15px 0px 0px 0px;
}

@media screen and (max-width: 768px) {
  .bissell .features .col {
    flex: 1;
    width: 100%;
  }
}

.bissell .table table {
  margin-top: 15px;
}

.bissell .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
  border-spacing: 0;
}

.bissell .table tr:nth-child(odd) {
  background: #f3f3f3;
}

.bissell .table td,
.bissell .table th {
  padding: 0;
  text-align: left;
}

.bissell .table th {
  width: 50%;
}

.bissell .table>tbody>tr>td,
.bissell .table>tbody>tr>th,
.bissell .table>tfoot>tr>td,
.bissell .table>tfoot>tr>th,
.bissell .table>thead>tr>td,
.bissell .table>thead>tr>th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
  font-size: 12px;
}

.bissell .about .col-4 {
  width: 40%;
  flex: auto;
}

.bissell .about .col-4 .inner {
  padding: 0px 50px;
}

.bissell .about .col-6 {
  width: 60%;
  flex: auto;
}

@media screen and (max-width: 768px) {
  .bissell .about .col-4 .inner {
    padding: 40px;
  }

  .bissell .about .col-4,
  .bissell .about .col-6 {
    display: block;
    width: 100%;
  }
}