.rules{
  font-size: 1.5rem;
}
.non{
  font-size: 1rem;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  color: skyblue;
}
.list li{
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
h5{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.con{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
body{
  font-family: Arial, Helvetica, sans-serif;
}
@media screen and (min-width: 1025px) and (max-width: 1400px){
  .copy{
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: black;
      color: white;
      max-width: 100%;
      margin-top: 50px;
      font-size: 0.9rem;
  }
  }
  @media screen and (min-width: 769px) and (max-width: 1024px){
      .copy{
          display: flex;
          justify-content: center;
          align-items: center;
          background-color: black;
          color: white;
          max-width: 100%;
          margin-top: 50px;
          font-size: 1rem;
      }
  }
  @media screen and (min-width: 481px) and (max-width: 768px){
      .copy{
          display: flex;
          justify-content: center;
          align-items: center;
          background-color: black;
          color: white;
          max-width: 100%;
          margin-top: 50px;
          font-size: 0.6rem;
      }
  }
  @media screen and (min-width: 320px) and (max-width: 480px){
      .copy{
          display: flex;
          justify-content: center;
          align-items: center;
          background-color: black;
          color: white;
          max-width: 100%;
          margin-top: 50px;
          font-size: 0.5rem;
      }
  }