@import url("fonts.css");
@import url("header.css");

/* BASE
------------------------------------- */
html,
body {
	font-family: "Nunito";
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 38px;
	letter-spacing: 0.64px;
	color: #222c44;
}

h1 {
	font-family: "Libre Baskerville";
	font-style: normal;
	font-weight: 700;
	font-size: 36px;
	line-height: 124%;
	letter-spacing: 2px;
	color: #222c44;
}

h2 {
	font-family: "Libre Baskerville";
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	line-height: 38px;
	letter-spacing: 0.64px;
	color: #222c44;
}

h3 {
	font-family: "Nunito";
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 38px;
	letter-spacing: 0.64px;
	color: #222c44;
}

h4 {
	font-family: "Libre Baskerville";
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 0.52px;
	color: #222c44;
}

a[class^="main-btn"] {
	font-family: "Nunito";
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 1.68px;
	text-transform: uppercase;
	color: #222c44;
	padding: 10px 90px;
	border: 3px solid transparent;
	border-radius: 8px;
}

.data-modal a,
.main-btn,
a.main-btn,
.bp-forms-btn,
a.bp-forms-btn {
	background-color: #fce5af;
}

.data-modal a:hover,
.main-btn:hover,
a.main-btn:hover,
.bp-forms-btn:hover,
a.bp-forms-btn:hover {
	color: #fff;
	background-color: #f1f3f8;
	color: #222c44;
}

a.main-btn2,
.main-btn2 {
	background-color: #fff;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	background: linear-gradient(#fff, #fff) padding-box,
		linear-gradient(to bottom, #c39846, #fce5af, #ffffff, #fce5af, #c39846)
			border-box;
}

a.main-btn2:hover,
.main-btn2:hover {
	background-color: #fff;
	box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
	background: linear-gradient(#fff, #fff) padding-box,
		linear-gradient(to bottom, #c39846, #fce5af, #ffffff, #fce5af, #c39846)
			border-box;
	color: #222c44;
}

.main-btn:visited,
.main-btn2:visited {
	color: #222c44;
}

article a,
a:visited {
	color: #222c44;
}

@media (max-width: 600px) {
	html,
	body {
		font-size: 14px;
		line-height: 22px;
	}

	h1 {
		font-size: 24px;
		line-height: 124%;
	}

	h2 {
		font-size: 22px;
		line-height: 38px;
	}

	h3 {
		font-size: 16px;
		line-height: 38px;
	}

	h4 {
		font-size: 14px;
		line-height: 20px;
	}

	a[class^="main-btn"] {
		font-size: 14px;
		line-height: 1.7;
		padding: 10px 0.7em;
	}
}