.body__agreement {
  display: flex;
  flex-direction: column;
}

h1 {
  margin: 0;

  @media (max-width: 992px) {
    font-size: 26px;
  }
  @media (max-width: 768px) {
    font-size: 24px;
  }
  @media (max-width: 500px) {
    font-size: 20px;
  }
}

.agreement {
  display: flex;
  flex-direction: column;

  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: auto;
}

.agreement p {
  margin-top: 20px;

  @media (max-width: 500px) {
    margin-top: 12px;

    font-size: 14px;
  }
}

.agreement a {
  text-decoration: none;
  color: #4b8d9d;

  transition: color 0.3s ease;
}
.agreement a:hover {
  @media (hover: hover) {
    color: #5fa5b6;
  }
}

.body__agreement .footer {
  margin-top: auto;
}