:root {
  --dark-blue: #22475f;
  --light-blue: #4e6b7e;
  --cyan:#2ecdde;
  --background:#f7f7f7;

  --menu-text: #22475f;
  --menu-text-hover: #000000;

  --bootstrap-black: #282828;
  --bootstrap-a: #22475f;
  --bootstrap-mark: #fdc867;
  --bootstrap-code: #c7254e;

  --bootstrap-focus-percent:90%;
  --bootstrap-focus-color:black;

  --bootstrap-primary: #22475f;
  --bootstrap-success: #c5df83;
  --bootstrap-info: #4e63bc;
  --bootstrap-warning: #fdc867;
  --bootstrap-danger: #e80000;
}

body {
  background: white;
  color: var(--bootstrap-black);
}
header { background:var(--background); }
footer { /*border-top: 1px solid var(--bootstrap-black);*/background:var(--background); }
.btn-primary, .btn-primary:visited { color: white; }