/*locatie en route*/
section.route {
	padding: 1.5rem 0 0 0;
}

	section.route h2 {
		text-align: center;
		width: 100%;
		font-size: 2.4rem;
		font-weight: bold;
		font-family: 'InZpire';
	}

	section.route p {
		text-align: center;
		width: 100%;
		font-size: 1.2rem;
		margin: 1.6rem 0;
	}

/*founding story*/
.founding-story {
	padding: 0 0 2rem 0;
	background-color: #fff;
}

	.founding-story h2 {
		text-align: center;
		font-weight: bold;
		font-size: 1.7rem;
		margin: 1.5rem 0;
	}

.founding-content {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	gap: 2rem;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 1rem;
}

	.founding-content figure {
		flex: 0 0 250px;
		margin: 0;
	}

	.founding-content img {
		width: 100%;
		height: auto;
		border-radius: 0.5rem;
	}

	.founding-content .text {
		flex: 1;
	}

	.founding-content h2 {
		text-align: left;
		font-size: 1.8rem;
		margin-bottom: 1rem;
	}

	.founding-content p {
		font-size: 1.2rem;
		line-height: 1.7;
	}
/*mission*/
.mission {
	padding: 1rem 0 1rem 0;
	background-color: #f0f3f5;
}

	.mission h2 {
		text-align: left;
		font-weight: bold;
		font-size: 1.7rem;
		margin: 1.5rem 0;
	}

.mission-content {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 2rem;
	max-width: 1200px;
	margin: 0 auto;
}

	.mission-content figure {
		flex: 0 0 250px;
		margin: 0;
	}

	.mission-content img {
		width: 100%;
		height: auto;
		border-radius: 50%;
	}

	.mission-content .text {
		flex: 1;
	}

	.mission-content h2 {
		font-size: 1.8rem;
		margin-bottom: 1rem;
	}

	.mission-content p {
		font-size: 1.2rem;
		line-height: 1.7;
	}


/* Responsief voor mobiel */
@media (max-width: 768px) {
	.mission-content {
		flex-direction: column;
		text-align: left;
	}

		.mission-content figure {
			align-self: center;
		}
}


/*werke bij Moneywuse*/
.photo-roll {
	padding: 2rem 1rem;
	background-color: #f8f8f8;
}

	.photo-roll .container {
		max-width: 1200px;
		margin: 0 auto;
	}

.photo-track {
	display: flex;
	gap: 1rem;
	overflow-x: auto;
	padding-block: 1rem;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
}

	.photo-track figure {
		flex: 0 0 auto;
		scroll-snap-align: start;
		border-radius: 8px;
		overflow: hidden;
		background: white;
		text-align: center;
		box-shadow: 0 2px 4px rgba(0,0,0,0.1);
		max-width: 350px;
		max-height: 350px;
	}

	.photo-track img {
		width: 100%;
		height: auto;
		display: block;
	}

	.photo-track figcaption {
		font-size: 0.9rem;
		padding: 0.5rem;
		color: #333;
	}

	.photo-track:focus {
		outline: none;
	}