:root {
  --font: "Open Sans", sans-serif;
  --green: #00a651;
  --green-dark: #088b4e;
  --green-deep: #055b33;
  --nav: #088b4e;
  --nav-hover: #00a859;
  --nav-active: #15985b;
  --text: #7a7a7a;
  --heading: #444444;
  --container: 1140px;
}

*,
*::before,
*::after { box-sizing: border-box; }

html { font-size: 16px; }

body {
  margin: 0;
  font-family: var(--font);
  font-size: 14px;
  font-weight: 400;
  color: var(--text);
  background: #fff;
  line-height: 1.6;
}

img { max-width: 100%; height: auto; }

a { color: inherit; }

button, input, select, textarea { font-family: inherit; }

.skip-link {
  position: absolute;
  left: 12px;
  top: -40px;
  background: #000;
  color: #fff;
  padding: 8px 12px;
  z-index: 100;
}

.skip-link:focus { top: 8px; }

.wrap {
  width: min(100% - 40px, var(--container));
  margin-inline: auto;
}