:root {
	--light-gray: #f1ede7;
	--base-dark: #361D07;
	--base-middle: #8D5524;
	--base-light: #DB9A60;
	--base-very-light: #F7EADE;
	--highlight: #D05663;
	--highlight-dark: #992b36;
	--highlight-light: #e3a4b0;
}

* {
    margin: 0;
    padding: 0;
}


body {
	background: white;
	font-family: Optima, sans-serif;
		font-size: 18px;
}

html, body {
	width: 100%;
	height: 100%;
}

article {
	min-height: 100%;
	display: grid;
	grid-template-rows: auto 1fr auto;
	grid-template-columns: 100%;
}

.highlighted {
	color: var(--highlight);
}

/* ------------------------- navbar ----------------*/


/* Style the top navigation bar */
.navbar {
	padding: 15px;
	text-align: center;
	font-size: 25px;
}

.navbar a {
	color: var(--highlight);
	text-decoration: none;
}

.navbar a:hover {
	color: var(--highlight-dark);
}

.navbar ul {
	list-style-type: none;
}

.navbar li {
	display: inline;
	margin-right: 25px;
}

.navbar li:last-child {
	margin-right: 0px;
}


/* ------------------------ main image -------------- */

.main-img img {
	max-width: 100%;
	height: auto;
	margin: 0px;
}

.intro-text {
	text-align: center;
	margin: 75px;
	font-size: 30px;
}

.intro-text p {
	margin-top: 45px;
}

.general-text {
	font-size: 20px;
	text-align: left;
}
/* ---------------- footer ------------------- */


.footer-grid-container {
	display: grid;
	grid-template-columns: auto auto;
	background-color: var(--highlight);
	/*position: fixed;
	left: 0;
	bottom: 0;
	width: 100%; */
	padding: 50px;
	color: white;
}

.footer-grid-item-left {
	text-align: left;
}

.footer-grid-item-right {
	text-align: right;
}

.footer-grid-container a {
	color: white;
	text-underline-position: under;
}

.footer-grid-container a:hover {
	color: var(--highlight-light);
}

.footer-grid-container ul {
	list-style-type: none;
}

.footer-grid-container li {
	display: block;
	margin-bottom: 10px;
}

.footer-grid-container li:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 800px) {
	
.navbar li {
	display: block;
}

.navbar a {
    float: none;
    width: 100%;
}