.rd-layout {
  max-width: 1820px;
  margin-inline: auto;
  padding-inline: 30px;
}

.btn-primary,
input[type="button"],
input[type="submit"] {
  padding-block: 14px !important;
  padding-inline: 24px !important;
  border-radius: 100px !important;
  font-weight: 600 !important;
  font-size: 0.875em !important;
  background-color: black !important;
  color: white !important;
  border: 1px solid black !important;
  cursor: pointer;
  transition: all 300ms;
}

.btn-secondary {
  padding-block: 14px;
  padding-inline: 24px;
  border-radius: 100px;
  font-weight: 600;
  font-size: 0.875em;
  background-color: white;
  color: black;
  border: 1px solid #e4e4e4;
  cursor: pointer;
  transition: all 300ms;
}

.btn-primary.light {
  padding-block: 10px;
  padding-inline: 20px;
}

.btn-secondary.light {
  padding-block: 10px;
  padding-inline: 20px;
}

.btn-primary:active,
button:active,
input[type="button"]:active,
input[type="submit"]:active {
  background-color: white !important;
  color: black !important;
  border: 1px solid #e4e4e4 !important;
}

.btn-primary:active span,
button:active span,
input[type="button"]:active span,
input[type="submit"]:active span {
  color: black !important;
}

.btn-secondary:active {
  background-color: black;
  color: white;
  border: 1px solid black;
}

.btn-secondary:active span {
  color: white;
}

@media (hover: hover) {
  .btn-primary:hover,
  button:hover,
  input[type="button"]:hover,
  input[type="submit"]:hover {
    background-color: white !important;
    color: black !important;
    border: 1px solid #e4e4e4 !important;
  }

  .btn-primary:hover span,
  button:hover span,
  input[type="button"]:hover span,
  input[type="submit"]:hover span {
    color: black !important;
  }

  .btn-secondary:hover {
    background-color: black !important;
    color: white !important;
    border: 1px solid black !important;
  }

  .btn-secondary:hover span {
    color: white;
  }
}

.rd-rounded {
  border-radius: 1em !important;
}

.rd-primary-headline,
h1 {
  font-size: 5em;
  overflow-wrap: break-word;
  margin: 0.525em 0;
  line-height: 1.1;
  font-weight: 600;
  color: black;
  letter-spacing: -0.025em;
}

.rd-secondary-headline,
h2 {
  font-size: 3em;
  overflow-wrap: break-word;
  margin: 0.525em 0;
  line-height: 1.2;
  font-weight: 600;
  color: black;
  letter-spacing: -0.0125em;
}

.rd-third-headline,
h3 {
  font-size: 1.5em;
  overflow-wrap: break-word;
  margin: 0.525em 0;
  line-height: 1.1;
  font-weight: 600;
  color: black !important;
  letter-spacing: -0.025em;
}

@media (max-width: 1024px) {
  .rd-layout {
    padding-inline: 20px;
  }

  .rd-primary-headline,
  h1 {
    font-size: 4em;
  }

  .rd-secondary-headline,
  h2 {
    font-size: 2.5em;
  }

  .rd-third-headline,
  h3 {
    font-size: 1.3em;
  }
}

@media (max-width: 768px) {
  .rd-layout {
    padding-inline: 15px;
  }

  .rd-primary-headline,
  h1 {
    font-size: 3em;
  }

  .rd-secondary-headline,
  h2 {
    font-size: 2em;
  }

  .rd-third-headline,
  h3 {
    font-size: 1.225em;
  }
}