.legal{
  max-width: 1280px;  
  margin: 50px auto;
}

.legal .title {
  font-size: 48px;
  font-weight: 800px;
  color: #333333;
  letter-spacing: 0;
  text-align: left;
  font-weight: 900;
  font-family: Helvetica-Bold;
}

.legal h2 {
  font-size: 24px;
}

.legal h3 {
  font-size: 20px;
}

.legal p {
  font-size: 16px;
  line-height: 24px;
}

.legal h2, .legal h3, .legal p {
  margin-bottom: 15px;
  color: #333333;  
  letter-spacing: 0;
}


@media (max-width: 1440px) {
  .legal{
    max-width: 1200px;  
  }
}


@media (max-width: 1280px) {
  .legal{
    margin: 30px 20px;
  }
}

@media (max-width: 768px) {
  .legal{ 
    margin: 20px;
  }

  .legal .title{    
    font-size: 24px;
    line-height: 30px;
  }

  .legal h2 {
    font-size: 18px;
    line-height: 24px;
  }
  
  .legal h3 {
    font-size: 18px;
    line-height: 24px;
  }
  
  .legal p {
    font-size: 14px;
    line-height: 16px;
  }

  .legal h2, .legal h3, .legal p {
    margin-bottom: 10px;
  }
  
}