h1, #customPageTitle {
  display: none;
}
.customPageImage {
  max-width: unset;
  width: 100%;
  top: 0;
  aspect-ratio: 100/29;
  -o-object-fit: cover;
  object-fit: cover
}
.customPageCenteredContent {
  width: 100% !important;
  max-width: unset;
  margin: 0;
}
.brandsContainer{
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 8rem 0;
}
.brandsText{
  width: 100%;
  text-align: center;
  color: var(--fifth);
  font-size: 20px;
  font-weight: 600;
}
.brandInfo{
  color: var(--fifth);
  font-size: 13px;
  font-weight: 400;
}
.brandsBox{
  width: 65%;
  margin: 3rem auto 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.brand{
  width: calc((100% /3) - 30px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  overflow: hidden;
  position:relative;
  cursor:default;
}
.brand img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .3s linear;
}
.brand img{
  height: 100%;
  width: 100%;
}

@media screen and (min-width: 769px) and (max-width: 1105px) {
  #content {
    min-width: unset;
  }

}

@media screen and (max-width: 1100px) {
  
  #customPageTitle {
    font-size: calc(var(--h1-font-size) - 11px);
    line-height: calc(var(--h1-line-height) - 11px);
    text-align: left;
    max-width: 229px;
    margin: 0 0 10px;
  }

  h2,
  .customPageSubtitle,
  .customPageText {
    text-align: left;
    max-width: unset;
    width: 100%;
  }


}
@media screen and (max-width: 768px){
  .contactBanner {
    height: 260px;
    overflow: hidden;
}
  .brandsContainer{
  margin: 3rem 0;
}
  .brandsBox{
    width: 82%;
  }
  .brand{
    width:100%;
  
}
  .centeredContent .customPageTitle,
  .centeredContent .customPageSubtitle,
  .centeredContent .customPageText{
    width: 88%;
  }
}
@media screen and (max-width: 500px){

}