.legal-background{
  display: none;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 30;
}

.legal{
  position: relative;
  height: 80%;
  width: 100rem;
  top: 8%;
  background-color: white;
  z-index: 30;
  overflow-y: scroll;
}

.legal-title h1{
  color: black;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 3rem;
  font-size: x-large;
  font-weight: bold;
  text-align: center;
}

.legal-content{
  color: black;
  padding: 3rem;
  font-size: medium;
}

.legal2s{
  padding-bottom: 3rem;
}

/*-----------------------------------------------------------------------------*/


@media only screen and (max-width: 1200px) {

.legal{
  position: relative;
  height: 80%;
  width: 90%;
  top: 8%;
  background-color: white;
  z-index: 30;
  overflow-y: scroll;
}

  }