.top-brand-header {
  padding: 2.5rem 0; }

.top-brand-header .container {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.top-brand-header .col-md-8, .top-brand-header .col-md-4 {
  float: none; }

.top-brand-header .col-md-4 {
  text-align: right; }

.top-brand-header .col-md-4 .button {
  float: right; }

.top-brand-header .subtitle {
  font: normal italic 22px/1.5 Poppins; }

.brands.grid-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(6, auto);
  gap: 0; }

.brands .grid-item {
  background-color: #fff;
  border: 1px solid #c5c5c5;
  margin: -1px;
  padding: 40px 20px;
  text-align: center; }

.brands .grid-item.last-row-span {
  display: flex;
  grid-column: span 2;
  flex-wrap: wrap;
  align-content: center;
  text-align: left;
  padding: 40px; }

.brands .grid-item p {
  font: normal normal 13px/1.55 Poppins;
  color: #3b3b3b;
  text-align: left; }

.brands .grid-item p:last-child {
  padding-bottom: 0;
  margin-bottom: 0; }

.brands .grid-item img {
  height: 40px;
  width: auto;
  margin: 0 0 20px; }

.brands .grid-item img.squeeze {
  padding: 0 30px; }

.brands .grid-item img.gray {
  -webkit-filter: invert(100%);
  filter: invert(100%); }

.brands .grid-item ul {
  list-style: none;
  padding: 0;
  margin: 0 0 0 45px; }

.brands .grid-item ul li:before {
  content: '';
  width: 25px;
  height: 25px;
  position: absolute;
  left: -35px;
  top: 7px;
  background: url(https://flooringsuperstores.com/content/images/floor-tiles-icon.svg) no-repeat 0 0;
  background-size: 25px; }

.brands .grid-item ul li {
  position: relative;
  padding: 5px 0;
  margin: 0;
  text-align: left;
  font-size: 15px;
  line-height: 1.5; }

.brands .grid-item.last-row-span .title {
  font: 600 italic 30px/1.25 'Poppins'; }

.brands .grid-item.last-row-span .subtitle {
  display: block;
  font: 600 normal 25px/1.3 'Poppins';
  margin: 0 0 20px; }

.brands .grid-item.last-row-span .call {
  font: 600 normal 40px/1.3 'Poppins';
  color: #6c0d0b;
  display: block;
  padding: 0 0 10px; }

.brands .grid-item.last-row-span .call:hover, .grid-item.last-row-span .call:focus {
  color: #31328f; }

@media (max-width: 1200px) {
  .brands .grid-item img {
    height: 35px; }
  .brands .grid-item.last-row-span {
    padding: 37px; }
  .brands .grid-item.last-row-span .title {
    font-size: 26px; }
  .brands .grid-item.last-row-span .subtitle {
    font-size: 23px; }
  .brands .grid-item.last-row-span .call {
    font-size: 35px; } }

@media (max-width: 1024px) {
  .top-brand-header .subtitle {
    font-size: 20px; }
  .brands.grid-container {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(8, auto); }
  .brands .grid-item img {
    height: 40px; }
  .brands .grid-item.last-row-span .title {
    font-size: 26px; }
  .brands .grid-item.last-row-span .subtitle {
    font-size: 21px; }
  .brands .grid-item.last-row-span .call {
    font-size: 34px; } }

@media (max-width: 800px) {
  .top-brand-header .subtitle {
    font-size: 18px; }
  .brands.grid-container {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(12, auto); }
  .brands .grid-item.last-row-span {
    padding: 35px; }
  .brands .grid-item.last-row-span .call {
    font-size: 30px; }
  .brands .grid-item.last-row-span .title {
    font-size: 24px; }
  .brands .grid-item.last-row-span .subtitle {
    font-size: 20px; }
  .brands .grid-item.last-row-span .call {
    font-size: 30px; } }

@media (max-width: 600px) {
  .top-brand-header .subtitle {
    font-size: 17px; }
  .top-brand-header .container {
    display: block; }
  .top-brand-header .col-md-8, .top-brand-header .col-md-4 {
    width: 100%; }
  .top-brand-header .col-md-4 .button {
    float: none; }
  .brands.grid-container {
    display: block;
    grid-template-columns: inherit;
    grid-template-rows: inherit; }
  .brands .grid-item.last-row-span .call {
    font-size: 27px; } }