html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
}

body {
	font-family: var(--font-body);
	font-size: var(--font-size-body);
	line-height: 22px;
	color: var(--body);
	letter-spacing: normal;
}


body p, body li{
	font-size: var(--font-size-body);
	font-family: var(--font-body);
}


body p{
	margin-bottom: 10px;
	line-height: 24px;
}


h1{
	font-size: var(--h1-font-size);
	font-family: var(--font-family-h1);
	line-height: normal;
	font-weight: 700;
	margin-bottom: 15px;
}



h2{
	font-size: var(--h2-font-size);
	font-family: var(--font-family-h1);
	line-height: normal;
	font-weight: 700;
	margin-bottom: 15px;
}


h3{
	font-size: var(--h3-font-size);
	font-family: var(--font-family-h3);
	line-height: normal;
	font-weight: 700;
	margin-bottom: 15px;
}


h4{
	font-size: var(--h4-font-size);
	font-family: var(--font-family-h4);
	line-height: normal;
	font-weight: 700;
	margin-bottom: 15px;
}


h5{
	font-size: var(--h5-font-size);
	font-family: var(--font-family-h5);
	line-height: normal;
	font-weight: 700;
	margin-bottom: 15px;
}

@media (max-width:375px){
	h1{
		font-size: calc(var(--h1-font-size) - 10px);
	}
	h2{
		font-size: calc(var(--h2-font-size) - 10px);
	}
	h3{
		font-size: calc(var(--h3-font-size) - 4px);
	}
	h4{
		font-size: calc(var(--h4-font-size) - 2px);
	}
	h5{
		font-size: calc(var(--h5-font-size) - 1px);
	}
}

.container {
	width: 100%;
	max-width: 1170px;
	padding: 0 20px;
	margin: 0 auto;
}


main.site-content {
	min-height: 500px;
}