:root {
  --color-black: #000;
  --color-white: #fff;
  --color-primary: rgba(0, 0, 0, 0.8);
  --color-primary-light: rgba(5, 206, 124, 1);
  --color-primary-x-light: rgba(110, 255, 163, 1);
  --color-primary-lightest: #ACEDE6;
  --color-primary-dark: #1B6C4A;}


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

body,
body[contenteditable="true"] {
  margin: 0;
  font-size: 18px; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin: 0;
  font-weight: 700;
  color: var(--color-primary);
  font-family: 'PT Sans Narrow'; }

h1, .h1 {
  font-size: 50px;
  color: var(--color-primary-dark);
  margin-bottom: 30px;
}

h2, .h2 {
  font-size: 30px;
  color: var(--color-primary-dark);}

img {
  max-width: 100%; }

@media screen and (max-width: 1440px) {
  h1, .h1 {
    font-size: 30px; } }