about.css

/* our story style */

.ourStory__wrapper{
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
.ourStory__title,
.ourGoals__title{
	font-size: 1.8rem;
	font-weight: 600;
	color: var(--black-1);
	margin-bottom: 1rem;
}
.ourStory__subtitle{
	font-size: 1.4rem;
	font-weight: 600;
	color: var(--black-1);
	margin-bottom: 2rem;
}
.ourStory__text,
.ourGoals__text{
	font-size: 1.4rem;
	line-height: 1.4em;
	color: var(--black-2);
}

.ourStory__img{
	overflow: hidden;
	height: 100%;
	width: 100%;
	border-radius: 12px;
}

@media only screen and (min-width: 760px) {
	.ourStory__wrapper{
		flex-direction: row;
		gap: 3rem;
	}
	.ourStory__img,
	.ourStory__info{
		flex: 1;
	}
	.ourStory__title,
	.ourGoals__title{
		font-size: 3.6rem;
	}
	.ourStory__subtitle{
		font-size: 1.8rem;
	}
	.ourStory__text,
	.ourGoals__text{
		font-size: 1.8rem;
		max-width: 800px;
	}
}

/* our Goals style */

.ourGoals__info{
	text-align: left;
	margin-bottom: 5rem;
}
.ourGoals__imgs__wrapper img{
	object-fit: cover;
}
.ourGoals__imgs__wrapper {
	max-width: 800px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 1rem;
}
.ourGoals__img1{
 grid-row: 1/3;
}

@media only screen and (min-width: 760px) {
	.ourGoals__info{
		text-align: center;
	}
	.ourGoals__imgs__wrapper{
		gap: 2rem;
	}
	.ourGoals__text{
		margin: 0 auto;
	}
}