/* ONLY S */
@media (max-width: 600px) {
	.mq_m:not(.mq_s)  { display: none !important; }
	.mq_l:not(.mq_s)  { display: none !important; }
}
/* ONLY M */
@media (min-width: 601px) and (max-width: 1100px) {
	.mq_s:not(.mq_m)  { display: none !important; }
	.mq_l:not(.mq_m)  { display: none !important; }
}
/* ONLY L */
@media (min-width: 1101px) {
	.mq_s:not(.mq_l) { display: none !important; }
	.mq_m:not(.mq_l) { display: none !important; }
}




/* L: desktop */
@media (min-width: 1101px) {
}



/* M: tablet + phone */
@media (max-width: 1100px) {
	header.wrapper { padding: 0 var(--padding); }

	#hero { height: 300px; }
	#hero > div { font-size: 26px; }

	main.wrapper { padding: var(--padding); }

	#p { grid-template-columns: 250px 1fr; }
	#p h2 { margin-top: 0; }
}



/* S: phone */
@media (max-width: 600px) {
	#nav_mobile_button { border: none; padding: 0; background: none; width: 22px; height: 22px; }

	#nav_mobile { position: absolute; right: var(--padding); top: 110px; text-align: left; height: auto !important; padding: 10px !important;  }
	#nav_mobile:not(.act) { display: none; }

	#nav_mobile ul { display: block !important; }
	#nav_mobile li a { display: list-item; }

	#hero { height: 200px; margin-top: 0; }
	#hero > div { font-size: 18px; }

	/* header .logo { display: flex; justify-content: center; } */

	#team { grid-template-columns: 1fr; }
	#p { grid-template-columns: 1fr; }
	#p img { width: 100%; }

	.offer { grid-template-columns: 1fr; }
	.offer .txt { margin-top: 0; }

	#publications { grid-template-columns: 1fr; }

	#contact { grid-template-columns: 1fr; }

}