:root {
  --primary: #c00000; /* #5b4f96 */
  --primary-hover: #b00000;
  --gradient-start: #ff0000;
  /* --gradient-end: #394ac9; */
  --gradient-end: #000;
  --gradient: linear-gradient(
    135deg,
    var(--gradient-start),
    var(--gradient-end)
  );
  --gradient-hover: linear-gradient(
    315deg,
    var(--gradient-start),
    var(--gradient-end)
  );
}

.header-logo {
  margin: 0;
  font-weight: bold;
}

.site-logo:hover {
  color: var(--primary-hover);
}

.s-about {
  padding-bottom: calc((62.4rem / 3));
}

.process-wrap {
  margin-top: 0;
  padding-top: 12rem;
}

.footer__bottom {
  border: 0;
  margin-top: 0;
  padding-top: 0;
}

.s-footer {
  padding-top: 9.4rem;
}

.btn {
  border: 0;
}

.btn.btn--primary,
button.btn--primary,
input[type="submit"].btn--primary,
input[type="reset"].btn--primary,
input[type="button"].btn--primary {
  background: var(--primary);
}

.btn.btn--primary:hover,
button.btn--primary:hover,
input[type="submit"].btn--primary:hover,
input[type="reset"].btn--primary:hover,
input[type="button"].btn--primary:hover,
.btn.btn--primary:focus,
button.btn--primary:focus,
input[type="submit"].btn--primary:focus,
input[type="reset"].btn--primary:focus,
input[type="button"].btn--primary:focus {
  background: var(--primary-hover);
}