/*
 * static.css — the simple text pages: contacts, join our family, about us
 * and the 404 page. The content block (small logo on top + text) is always
 * centered in the main area, horizontally and vertically.
 */

body.page_contacts main[data-page],
body.page_join main[data-page],
body.page_about main[data-page],
body.page_not_found main[data-page]{
	display:flex;
}

.static_page{
	margin:auto; /* centered both ways inside the flexed main */
	width:100%;
	max-width:680px;
	padding:50px 22px 70px;
	text-align:center;
}

/* The small logo at the top of the page. */
.static_logo{
	width:225px;
	margin-bottom:58px;
}

.static_body{
	font-size:14px;
	line-height:2;
}

.static_body p{
	margin-bottom:14px;
}

/* Join/about read as left-aligned paragraphs; the block stays centered. */
.static_body.static_left{
	text-align:left;
}

.static_page a{
	color:var(--accent);
	text-decoration:underline;
	transition:color .3s var(--ease);
}

.static_page a:hover{
	color:var(--black);
}

/* The extra breath before a new group of lines. */
.static_gap{
	margin-top:40px;
}

/* ------------------------------------------------------------- not found -- */

#not_found_page h1{
	font-size:90px;
	color:var(--light_grey);
}

#not_found_page p{
	margin-bottom:14px;
}