.privacy.wrapper {
  padding: 100px 20%;
  padding-bottom: 30px;
}

.privacy .cookies-btn-container {
  margin-bottom: 100px;
}
.privacy h4 {
  color: #393d47;
  margin-top: 35px;
  margin-bottom: 20px;

  /* font-size: 35px;
    line-height: 40px;
    font-weight: 300; */
}

.privacy p {
  margin-bottom: 15px;
}

.privacy a {
  color: #114133;
  text-decoration: underline;
  transition-duration: 0.3s;

  /* Handling long words and URLs */
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) 
            -ms-hyphens: auto;
            -moz-hyphens: auto;
            -webkit-hyphens: auto;
            hyphens: auto;*/
}

.privacy a:hover {
  color: #848484;
  text-decoration: none;
  transition-duration: 0.3s;
}

.privacy ul {
  margin-block-start: revert;
  margin-block-end: revert;
  margin-inline-start: revert;
  margin-inline-end: revert;
  padding-inline-start: revert;

  font-family: Abel;
  font-style: normal;
  font-weight: 400;
}

@media (max-width: 991px) {
  .privacy.wrapper {
    padding: 100px 15%;
    padding-bottom: 30px;
  }
}

@media (max-width: 678px) {
  .privacy.wrapper {
    padding: 100px 10%;
    padding-bottom: 30px;
  }
}

@media (max-width: 410px) {
  .privacy.wrapper {
    padding: 100px 30px;
    padding-bottom: 30px;
  }
}