@font-face {
  font-family: 'c-i';
  src: url('fonts/cormorant-italic.ttf') format('opentype');
}

@font-face {
  font-family: 'c-r';
  src: url('fonts/cormorant-regular.ttf') format('opentype');
}

@font-face {
  font-family: 'f-r';
  src: url('fonts/fraunces.ttf') format('opentype');
}

@font-face {
  font-family: 'f-i';
  src: url('fonts/fraunces-italic.ttf') format('opentype');
}

@font-face {
  font-family: 'i-r';
  src: url('fonts/instrument.ttf') format('opentype');
}

@font-face {
  font-family: 'i-sb';
  src: url('fonts/instrument-semibold.ttf') format('opentype');
}

:root {
	--green-light: #D8E0CC;
	--green-medium: #353E2F;
	--green-dark: #272F23;
}

* {
  box-sizing: border-box;
}

html{
	background-color: #F3EEE2;
}

* {
  box-sizing: border-box;
}

html{
	font-family: 'i-r', sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #040305;
}

a{
	color: #040305;
	text-decoration: initial;
	transition: 0.3s ease;
}

b,
strong{
	font-weight: initial;
	font-family: 'i-b', sans-serif;
}

h1,
h2,
h3,
h4,
h5{
	font-weight: initial;
}

h1{
	font-family: 'a-m', sans-serif;
	font-size: 52px;
	line-height: 1.2;
	letter-spacing: -0.01em;
	margin: 0;
	padding-bottom: 24px;
	text-transform: uppercase;
}

.tabs.primary{
	max-width: 1470px;
	padding: 0 15px;
	margin: 15px auto 15px auto;
}

.tabs.primary li a{
	background-color: #353E2F;
	padding: 10px;
	border-radius: 5px;
	display: block;
	transition: 0.3s ease;
	color: #fff;
}

.tabs.primary li a:hover{
	background-color: #272F23;
}

.messages{
	max-width: 1470px;
	margin: 15px auto 15px auto;
}

.messages a{
	display: inline-block;
}