body {
	width:100%;
	margin:0;
	padding:0;
	font-family: 'Poppins';
	background-color: #f2f2f2;
}

/* Container holding the image and the text */
.container {
	position: relative;
	width: 100%;
	color:white;
}

.centered {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
}

.title {
	top: 20%;
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 88px;
	letter-spacing: 1.2px;
}

.menu {
	top: 35%;
}

.intro-text {
	position: absolute;
	top: 45%;
	left: 10%;
	text-align: left;
	font-size: 20px;
}

.photo-credit {
	position: absolute;
	bottom: 8px;
	right: 8px;
}

.dark-image {
  width: 100%;
  height: auto;
  display: block;
  filter: brightness(70%);
}



/* Container holding indented text */
.text-container {
	text-align: left;
	color: black;
	font-size: 120%;
}

.indented-text {

	padding-left: 10%;
	position: relative;
}

/* image mosaic */

.mosaic-image {
width: 100%;
height: auto;
display: block;
}

.wrap {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
	padding-right: 10%; /* Add this line to add right padding */
}

.big_col {
    flex: 2;
    padding: 5px;
}

.medium_col {
    flex: 1;
    padding: 5px;
}

.credit {
	font-size: 14px;
}

.footer {
	text-align: center;
}

.footer a {
	color: black;
	margin: 20px;
}

.footer a:hover {
	color: blue;
}
a {
	color: #b4bbfb;
}

	a:hover {
	color: #b4bbfb;
}
h2 a {
	padding: 20px;
	color:white;
	text-decoration: none;
}