/* === DESKTOP FIRST === */

/* xl <= Extra extra large (xxl) */
@media (max-width : 1400px) {

}

/* lg <= Extra large (xl) */
@media (max-width : 1200px) {

}

/* md <= Large (lg) */
@media (max-width : 992px) {

	.logo-clarify {
    width: 120px;
    height: 120px;
    padding-top: 30px;
    font-size: 24px;
	}

	.info-header__logo .logo-clarify {
		top: -50px;
		right: -130px;
	}

}



/* sm <= Medium (md) */
@media (max-width : 768px) {

	.main-header {
    font-size: 42px;
	}

	.logo-clarify {
    width: 100px;
    height: 100px;
    padding-top: 26px;
    font-size: 20px;
	}

	.info-header__logo .logo-clarify {
		top: -50px;
		right: -110px;
	}

	.info-header__logo {
		width: 250px;
	}

	.sublogotype {
    font-size: 36px;
	}

	.info-header__description {
    font-size: 20px;
	}

	.info-header__date {
    font-size: 18px;
    letter-spacing: 3px;
	}

	.intro-content__text {
    font-size: 20px;
	}

	.intro-content__header {
    font-size: 36px;
    max-width: 720px;
    margin-bottom: 32px;
	}

	.info-venue__venue {
    font-size: 36px;
	}

	.info-venue__partners {
    grid-template-columns: repeat(2, 1fr);
	}

	.program-day-data-container--row {
		display: block;
	}

	.participants-container {
		flex-direction: column;
	}

	.main-header--left {
		text-align: center;
	}

	.visitors-content {
		flex-direction: column;
	}

	.visitors-content__image-wrapper {
    width: 70%;
	}

	.visitors-content__text {
		text-align: center;
	}

	.fee-wrapper {
		padding: 64px 24px;
	}

	.fee-items {
    column-count: 1;
	}

	.organizers-info {
		flex-direction: column;
		align-items: stretch;
	}

	.footer__logo {
		flex-basis: 100%;
	}


}

/* xs <= Small (sm) */
@media (max-width : 576px) {

	.logo-clarify {
    width: 80px;
    height: 80px;
    padding-top: 22px;
    font-size: 16px;
	}

	.info-header__logo .logo-clarify {
		top: -50px;
		right: -60px;
	}

	.sublogotype {
    font-size: 32px;
	}

	.info-header__description {
    font-size: 18px;
	}

	.info-header__date {
    font-size: 16px;
    letter-spacing: 3px;
	}

	.info-venue {
		padding: 24px;
	}

	.info-venue__venue {
    font-size: 32px;
	}

	.info-venue__dates {
    font-size: 18px;
	}

	.fair-buttons {
    padding: 48px 16px;
    gap: 48px;
	}

	.footer {
    padding: 32px 16px;
	}
}