/* css/default.css */
/* Burlington Gulf Placeholder page */
?* (c) Copyright Stan maddox, all rights reserved. */

/* 1. Reset and make the full page ready for centering */

html, body {
	height: 100%;           /* Full viewport height */
	margin: 0;
	padding: 0;
	font-family: system-ui, -apple-system, sans-serif;
}

/* 2. The magic: Flexbox on the body */
body {
	display: flex;              /* Enables modern centering */
	flex-direction: column;     /* Stacks children vertically */
	justify-content: center;    /* Vertical center (optional – remove if you want top-aligned) */
	align-items: center;        /* Horizontal center – this is the key line */
	text-align: center;         /* Centers text and inline elements inside */
	background: #ffffff;        /* White background */
	color: #000000;        			/* Default black text */
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	padding: 20px;              /* Optional breathing room */
	box-sizing: border-box;
}

/* 3. Optional container for even better control (recommended for multi-section pages) */
.page-content {
	width: 100%;
	max-width: 960px;           /* Change this to control how wide your content gets */
	margin: 0 auto;             /* Backup centering for older browsers */
}

/* Example styling so you can see it works with any content */
h1, h2, p, img, button {
	margin: 15px 0;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 20px auto;
	}

.footer {
	background: transparent;
	color: #676767;
	font-size: 0.75rem;
	border-top: 1px solid #676767;
	margin-top: 4em;
	padding: 2em;
	text-align: center;
}

p {
	text-align: left;
}