/* LIMITS */
.limit {
  margin: 0 auto;
  max-width: 1440px;
}

/* SECTIONS */
:root {
  --padding175: 175px;
  --padding100: 100px;
  --padding75: 75px;
  --padding50: 50px;
  --gap50: 50px;
}

@media (max-width: 1279px) {
  :root {
	--padding175: 150px;
	--padding100: 75px;
	--padding75: 50px;
	--padding50: 50px;
	--gap50: 50px;
  }
}

@media (max-width: 767px) {
  :root {
	--padding175: 100px;
	--padding100: 50px;
	--padding75: 50px;
	--padding50: 50px;
	--gap50: 25px;
  }
}

.section {
  padding-left: 75px;
  padding-right: 75px;
}

@media (max-width: 1279px) {
  .section {
	padding-left: 50px;
	padding-right: 50px;
  }
}

@media (max-width: 1025px) {
  .section {
	padding-left: 25px;
	padding-right: 25px;
  }
}

@media (max-width: 767px) {
  .section {
	padding-left: 25px;
	padding-right: 25px;
  }
}

/* SECTION SETTINGS */
.gap-before {
  padding-top: var(--padding100);
}

.gap-before-header {
  padding-top: var(--padding175);
}

.gap-after {
  padding-bottom: var(--padding100);
}

.bg-white {
  background: var(--white);
}

.bg-lightbeige {
  background: var(--lightbeige);
}

.bg-beige {
  background: var(--beige);
}

.bg-petrol {
  background: var(--petrol);
}

html,
body {
  font-family: 'Inter Tight';
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 1.25;
  background: var(--petrol);
  color: var(--brown);
  text-align: left;
  -webkit-overflow-scrolling: touch;
  position: relative;
  height: auto;
  padding: 0;
  margin: 0;
}

h1,
h2,
h3 {
	font-family: 'RoslindaleDisplayCondensed';
	font-weight: bold;
	line-height: 1;
	padding: 0;
	margin: 0;
}

h1 {
	font-size: 3.25em;
	padding: 0 0 0.5em 0;
}

h2 {
	font-size: 2.65em;
	padding: 0 0 0.75em 0
}

h3 {
	font-size: 1.75em;
	padding: 0 0 0.5em 0;
}

h1 strong,
h2 strong,
h3 strong {
	font-family: 'Swear Display Bold Cilati';
}