@media screen and (max-width: 767px) {
  .legal-container {
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 10%;
    margin-right: 10%;
    height: auto;
    width: 80%;
    display: block;
    word-wrap: break-word;
    font-weight: 500;
    
    text-align: left;
    color: #24252a;
  }
}

@media screen and (min-width: 768px) {
  .legal-container {
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 25%;
    margin-right: 25%;
    height: auto;
    width: 50%;
    display: block;
    word-wrap: break-word;
    font-weight: 500;
    
    text-align: left;
    color: #24252a;
  }
}