/* about-us ============================================== */

main#about-us {
/*	max-width: unset;
	width: 100%;*/
}

main#about-us a {
	color: var(--mainColor);
}

main#about-us > section {
	width: 100%;
	max-width: var(--maxPageWidth);
	margin: auto;
	margin-bottom: 3rem;
}

main#about-us > section > iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 1280/720;
}

main#about-us > section#proffessional-systems {
	display: flex;
	gap: 2%;
}
main#about-us > section#proffessional-systems > div:nth-child(1) {
	width: 100%;
}
main#about-us > section#proffessional-systems > div:nth-child(1) > h1 {
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 2rem;
}
main#about-us > section#proffessional-systems > div:nth-child(1) > h2 {
	font-size: 38px;
	font-weight: 300;
	margin-bottom: 2rem;
}
main#about-us > section#proffessional-systems > div:nth-child(1) > h3 {
	/*font-size: 52px;*/
	font-size: clamp(2.5rem, 10vw, 3rem); 
	font-weight: 100;
	margin-bottom: 2rem;
}
main#about-us > section#proffessional-systems > div:nth-child(1) > span {
	display: block;
	width: 80px;
	height: 4px;
	background-color: #c6c6c6;
	margin-bottom: 2rem;
}
main#about-us > section#proffessional-systems > div:nth-child(2) {
	width: 200%;
	column-count: 2;
	column-width: 50%;
	column-gap: 4rem;
}
main#about-us > section#proffessional-systems > div:nth-child(2) > p {
	margin: 1.6rem 0;
	color: #54595f;
	line-height: 1.8rem;
}
main#about-us > section#proffessional-systems > div:nth-child(2) > img {
	width: 100%;
}
main#about-us > section#scientific-partners > h2 {
	color: #7a7a7a;
	/*font-size: 52px;*/
	font-size: clamp(2.5rem, 10vw, 3rem); 
	font-weight: 100;
	margin-bottom: ;
}
main#about-us > section#scientific-partners > p {
	margin: 2rem 0;
}
main#about-us > section.exercise-is-medicine img {
	width: 250px;
	float: left;
	padding: 0 20px 20px 0;
}


/*partner =========================================*/
main#about-us > section.partner {
	display: flex;
	justify-content: space-between;
	gap: 3%;
	padding: 0 1%;
}
main#about-us > section.partner p {
	line-height: 170%;
	color: rgb(75, 79, 88);
}
main#about-us > section.partner h2 {
	font-size: 2rem;
	text-decoration: underline;
	font-weight: 300;
	margin-bottom: 1.2rem;
}
main#about-us > section.partner h3 {
	font-size: 1.5rem;
	margin-bottom: 1.2rem;
}


main#about-us > section.partner figure figcaption {
	text-align: center;
	margin-top: 0.6rem;
	width: 100%;
	line-height: 140%;
}

main#about-us > section.partner figure img {
	width: 100%;
}

main#about-us > section.partner > div {
	width: 65%;
	border-top: double black 4px;
	margin-top: 1.5rem;
}

main#about-us > section.partner > div > img {
	width: 235px;
	height: auto;
	float: left;
	margin-right: 1.5rem;
}
main#about-us > section.partner > figure {
	width: 32%;
	border-top: double black 4px;
	margin-top: 1.5rem;
}


main#about-us > section#komotini > div:nth-child(2) {
	display: flex;
	flex-wrap: wrap;
	width: 32%;
	align-content: flex-start;
}
main#about-us > section#komotini > div:nth-child(2) > figure:nth-child(1) {
	width: 100%;
}
main#about-us > section#komotini > div:nth-child(2) > figure:nth-child(2),
main#about-us > section#komotini > div:nth-child(2) > figure:nth-child(3) {
	width: 50%;
}

/*academy2*/
main#about-us > section#academy2 {

}
main#about-us > section#academy2 > figure {
	width: 32%;
	margin-top: 1.5rem;
}
main#about-us > section#academy2 > figure > img {
	width: 100%;
}

main#about-us > section#academy2 > p {
	width: 33%;
	margin-top: 1.5rem;
}

main#about-us > section#diploma {

}

/*clinic*/
main#about-us > section#clinic > figure {
	width: 25%;
	margin-top: 1.5rem;
	border-top: double black 4px;
}
main#about-us > section#clinic > div {
	width: 77%;
}
main#about-us > section#clinic > div > img {
	width: 10rem;
	float: left;
	padding-right: 1rem;
}

/*christina*/
main#about-us > section#christina > div > ul {
	list-style: unset;
	margin-left: 2rem;
}
main#about-us > section#christina > div > h3 {
	font-weight: normal;
	color: var(--mainColor);
}

/*suzana*/
main#about-us > section#suzana > div > ul {
	list-style: unset;
	margin-left: 2rem;
}

main#about-us > section#attica > div,
main#about-us > section#academy > div,
main#about-us > section#sakellariou > div,
main#about-us > section#manti > div,
main#about-us > section#christina > div,
main#about-us > section#suzana > div {
	order: 2;
}
/* about-us ============================================== */


@media screen and (max-width: 1200px) {
/*	main#about-us > section.partner {
		padding: 0 1%;
	}*/
}

@media screen and (max-width: 800px) {
	main#about-us > section#proffessional-systems {
		flex-wrap: wrap;
	}
	main#about-us > section#proffessional-systems > div:nth-child(2) {
		column-count: unset;
	}

	/*komotini*/
	main#about-us > section#komotini > div:nth-child(2) > figure:nth-child(2),
	main#about-us > section#komotini > div:nth-child(2) > figure:nth-child(3) {
		width: 100%;
	}

}

@media screen and (max-width: 600px) {
	/*partner*/
	main#about-us > section.partner {
		flex-direction: column;
	}
	main#about-us > section.partner > div {
		width: 100%;
	}
	main#about-us > section.partner > figure {
		width: 100%;
	}

/*	main#about-us > section#attica > div,
	main#about-us > section#academy > div,
	main#about-us > section#sakellariou > div,
	main#about-us > section#christina > div,
	main#about-us > section#dimitris > div {
		order: unset;
	}*/

	main#about-us > section#attica > div,
	main#about-us > section#academy > div,
	main#about-us > section#sakellariou > div,
	main#about-us > section#manti > div,
	main#about-us > section#suzana > div {
		order: unset;
	}

	/*academy2*/
	main#about-us > section#academy2 {
		flex-wrap: wrap;
	}
	main#about-us > section#academy2 > figure {
		width: 100%;
		order: 3;
	}
	main#about-us > section#academy2 > p {
		width: 100%;
	}

	/*clinic*/
	main#about-us > section#clinic {
		flex-wrap: wrap;
	}
	main#about-us > section#clinic > figure {
		width: 100%;
		order: 3;
	}
	main#about-us > section#clinic > div {
		width: 100%;
	}


	/*komotini*/
	main#about-us > section#komotini > div:nth-child(2) {
		width: 100%;
	}
}


@media screen and (max-width: 420px) {

	/*academy*/
	main#about-us > section#academy {
		flex-wrap: wrap;
	}
	main#about-us > section#academy > div:nth-child(1) {
		width: 100%;
	}
	main#about-us > section#academy > div:nth-child(2) {
		width: 100%;
	}

	/*attica*/
	main#about-us > section#attica > div > img {
		width: 100%;
	}
	/*trikala*/
	main#about-us > section#trikala > div > img {
		width: 100%;
	}
}