body {
  font-family: 'Open Sans', sans-serif;
  height: 100%;
  width: 100%;
}


.brand_wrap {
  max-width: 1344px;
  margin: 0 auto;
  padding-top: 24px;
}


  
.brand_logo{
  width: 100%;
  height: 100%;
  max-width: 70px;
  max-height: 70px;
  /* margin: auto; */
}

.brand_name{
  color: black;
  text-decoration: none;
}
  
.brand_row {
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}



.brand_col {
  background-color: #ffffff;
  flex: 0 0 auto;
  padding: 0 12px;
  flex-basis: 100%;
  max-width: 100%;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: 10px 0 0 0;
}

.brand_col {transition: all .2s ease-in-out;}
.brand_col:hover {transform: scale(1.1);text-decoration: none;/* border:1px solid black; */-webkit-backface-visibility: hidden;-moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden;}

.col_1of6{
  padding: 5px;
}

@media only screen and (max-width: 640px) {
.col_1of6{
      flex-basis: 33.3333333%;
      max-width: 33.3333333%;
  }
}

@media only screen and (min-width: 640px) {

.col_1of6 {
    flex-basis: 16.6666667%;
    max-width: 16.6666667%;
}

}