.brand-section{
  background:linear-gradient(180deg,#f5f6f8,#f2f4f7);
  padding:50px 20px;
  text-align:center;
  margin-top:80px;
}

@media (max-width: 768px) {
  .brand-section {
    padding: 40px 20px;
    margin-top: 60px;
  }
}

@media (max-width: 480px) {
  .brand-section {
    padding: 30px 16px;
    margin-top: 40px;
  }
}

.brand-container{ max-width:900px; margin:auto; }

.brand-section h2{
  font-size:42px;
  letter-spacing:3px;
  font-family:'Playfair Display', serif;
}

@media (max-width: 768px) {
  .brand-section h2 {
    font-size: 32px;
    letter-spacing: 2px;
  }
}

@media (max-width: 480px) {
  .brand-section h2 {
    font-size: 24px;
    letter-spacing: 1px;
  }
}

.brand-section p{
  font-size:20px;
  font-family:'Poppins', sans-serif;
}

@media (max-width: 768px) {
  .brand-section p {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .brand-section p {
    font-size: 14px;
  }
}