/* Colin Stuart 2025 */

html {
	height: auto;
	min-height: 100%;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-color: #21242B;
	box-sizing: border-box;
}

body {
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 200;
	font-style: normal;
}

header {
	width: 100%;
}

.container {
	color: #f5eedb;
	width: 60%;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	gap: 10px;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
}

.container h2 {
	padding-left: 10%;
}

.container h3 {
	padding-left: 12%;
}

.container p {
	padding-left: 12%;
}

.places {
	color: #f5eedb;
	text-align: center;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
}

.places img {
	max-height: 128px;
	width: auto;
}

.footer {
	color: #555c6b;
	text-align: center;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.0em;
}

.container img {
	align-items: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}

p {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 200;
	font-size: 1.0em;
}

h1 {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 200;
	font-size: 1.4em;
}

h2 {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 200;
	font-size: 1.2em;
}

h3 {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 200;
	font-size: 1.1em;
}

/* ---------- Font Load ---------- */ 
.inter-funfont {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 200;
	font-style: normal;
  }

/* Link Colors */
a, a:link, a:visited {
	color: #8cf9fd;
	text-decoration: underline;
}

a:hover {
	color: #499092;
	text-decoration: bold;
}

a:active {
	color: #8cf9fd;
}


/* Change in Screen Size */

/* 1920 ---------------------- */
@media only screen and (max-width: 1920px) {

.container {
	width: 90%;
}

.footer {
	font-size: 0.8em;
}


}
