:root {
  /*
   * Want to change button background color? Do it here and only here.
   * Note: Don't try to make the background color a light color, it is
   * not easy to change the text color to a dark color so it is readable.
   *
   */
   --crm-primary-color: #235762;
  /* These next two control the "message" boxes that appear on forms in the ugly green color.
   * --crm-alert-success-bg-color: #FCF7E8;
   * --crm-alert-success-text-color: #292629;
   */
  /* The next two are self explanatory and optional.
   * --crm-input-label-color: #1D1D1B;
   * --crm-font: 'Neue Haas Grotesk Display Pro';
   */
}

/*
 * By default, the logo is small and flushed left. Optionally, set the logo to in banner mode
 * to spread out (or change max-width to a px value to make it small).
*/
header img{
  max-width: clamp(calc(var(--crm-f-form-width) / 2),100%,var(--crm-f-form-width));
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.crm-container .register_link-top {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 94px;
}
/*
 * Here is an example of how to change the header background color and/or the body
 * background color.
 */

/*
body {
  margin: 0;
  background-color: green;
}
header {
  background-color: blue;
  height: 75px;
  padding-top: 30px;
}
*/