.legal-content  
  {
	  max-width: 800px;
    margin   :       0 auto;
    padding:   100px 20px 80px;
}

.legal-container 
 {
   width: 100%;
  border: 1px solid #000000;
   padding: 60px;
  background-color: #ffffff;
}

.legal-container h1 {
  font-family: 'Cheltenham', 'Times New Roman', serif;
   font-size: 48px;
  font-weight     :        700;
    line-height: 1.1;
 color: #000000;
  margin-bottom   :20px;
    letter-spacing: -0.5px;
}

.legal-date {
   font-size: 14px;
	color :   #726464;
    margin-bottom  :    40px;
    padding-bottom: 30px;
   border-bottom: 1px solid #000000;


}

.legal-container h2 {
  font-family: 'Cheltenham', 'Times New Roman', serif;
	font-size: 28px;
         font-weight: 700;
  color: #000000;
   margin-top: 50px;
    margin-bottom     :      20px;
	 letter-spacing: -0.3px;
}

.legal-container h3 {
  font-size: 20px;
   font-weight: 700;
  color: #000000;
  margin-top: 30px;
	margin-bottom: 15px;
}

.legal-container p {
    font-size: 16px;
   line-height: 1.8;
  color   :   #000000;
   margin-bottom: 20px;
}@media (max-width: 768px) {
    .legal-content {
        padding: 80px 20px 60px;
    }
    
    .legal-container {
        padding: 40px 30px;
    }
    
    .legal-container h1 {
        font-size: 36px;
    }
    
    .legal-container h2 {
        font-size: 24px;
    }
    
    .legal-container h3 {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .legal-container {
        padding: 30px 20px;
    }
    
    .legal-container h1 {
        font-size: 28px;
    }
    
    .legal-container h2 {
        font-size: 22px;
    }
    
    .legal-container p {
        font-size: 15px;
    }
}