html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    margin: 0 auto;
    padding: 0 auto;
    color: #FFF;
    font-family: 'Helvetica', 'Segoe UI', Arial, sans-serif;
}

h1,h2,h3,h4,h5,p,ul {
    padding: 0;
    margin: 0;
    font-weight: 400;
}

.privacy-container{
    margin: 2rem auto;
    justify-content: center;
    display: flex;
    flex-direction: row;
    gap: 200;
    margin: 20px 40px;
}

.richtext-content a{
   color: #2ec396
}

.richtext-content h2{
   margin: 1.3rem auto;
}

.richtext-content p{
   margin-bottom: 1.3rem;
}

.toc{
    flex-basis: 450px;
    margin-right: 100px;
}

.toc a{
    flex-basis: 400px;
    color: #FFF;
}

.toc-wrap li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 5px;
}

.toc-wrap li::before {
    content: "- ";
    color: #fff;
    margin: auto 10px;
}

.toc h1{
    border:1px solid #FFF;
    padding: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.toc-wrap{
    padding: 20px 0px;
    border:1px solid #FFF;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.richtext-content{
    flex-basis: 800px;
}

li{
    margin-bottom: 5px;
}

@media (max-width: 900px) {
  .privacy-container{
    display: block;
  }
  .toc{
    margin: 20px 0px;
  }
}