.container {
	margin: 0; 
	padding: 2%; 
	max-width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background-color: var(--background-color);
}
#aboutUs{
	flex-wrap: wrap-reverse;
}
#aboutTheEvent{
	flex-wrap: wrap;
}
.flex_item {
	padding: 2%;
	width: 50%;
	/* font-family: GothamBlack; */
}
.titles {
	font-family: GothamBlack;
    font-size:48px;
    color: var(--font-color);
    margin-bottom: 25px;
}
.text {
	font-family: GothamBook;
	text-align: left;
	text-justify: inter-word;
	font-size: 18px;
    color: var(--font-color);
}

#aboutUs_title2 {
	display: none;
    color: var(--font-color);

}

#cadre-about, #cadre-aboutus {
	max-width: 100%;
}

.underlined {
    background-image: linear-gradient(120deg, #33CC99 0%, #33CC99 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.55em;
    background-position: 0 88%;
  }
@media only screen and (max-width: 900px) {
	.flex_item {
		padding: 4% 5%;
		width: 100%;
	}
	#aboutUs_title2 {
		display: block;
	}
	#aboutUs_title1 {
		display: none;
	}
	.titles{
		text-align: center;
		padding-top: 25px;
		font-size: 36px;
	}
	.text {
		text-align: center;
	}

}