/************************************ Start: Root ************************************/
:root {
	--primary: #E6301C;
	--black: #2A2A2A;
}
/************************************ End: Root ************************************/
/************************************ Start: Skelleton ************************************/
* { margin: 0; padding: 0; box-sizing: border-box; color: inherit; font-size: inherit; font-family: inherit; }
html { min-height: 100%; line-height: 1px; }
body { height: 100%; font-family: "Public Sans", sans-serif; font-weight: 300; font-size: 18px; line-height: 27px; color: var(--black); }
@media screen and (max-width: 767px) { body { font-size: 17px; } }
/************************************ End: Skelleton ************************************/

/************************************ Start: Format "lead" ************************************/
.lead { font-size: 23px; line-height: 35px; }
@media screen and (max-width: 767px) { .lead { font-size: 20px; line-height: 30px; } }
/************************************ End: Format "lead" ************************************/

/************************************ Start: Heading 1 ************************************/
h1 { font-weight: 700; padding: 0; margin: 0; }
main *+h1 { padding-top: 30px; }
h1:has(+*) { padding: 0 0 15px 0; }
h1 { font-size: 48px; line-height: 58px; }
@media screen and (max-width: 767px) { h1 { font-size: 30px; line-height: 36px; } }
/************************************ End: Heading 1 ************************************/

/************************************ Start: Content Font Settings ************************************/
a { cursor: pointer; text-decoration: none; }
.art a {
	display: inline-block;
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	color: var(--primary);
	text-align: inherit;
	text-decoration: none;
}
.art a:hover { text-decoration: underline; }
main p { margin: 0; padding: 0; }
main *+p { padding-top: 15px; }
main b, main strong { font-weight: 600; }
/************************************ End: Content Font Settings ************************************/

/************************************ Start: Landing Page ************************************/
.landingpage { width: 100%; min-height: 100svh; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 50px; padding: 30px; }
.landingpage-logo > a { display: flex; }
.landingpage-logo > a > img { max-width: 368px; width: 100%; }
.landingpage-text { max-width: 1150px; text-align: center; }
/************************************ End: Landing Page ************************************/