:root {
	--title-margin: 32px;
}

.column__image  {
    margin: 24px 0;
}

.two-column-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
}

.title2, .title3 {
    margin-top: var(--title-margin);
}

#blockquote__column .title1 {
    padding-top: 0;
}

.image-column img+img {
    margin-top: 24px;
}

.image-column {
    padding-top: 4px;
}

.sidemenu_grid {
    margin-bottom: 32px;
}

#lilac--block {
    margin-top: var(--title-margin);
    padding-top: var(--title-margin);
    padding-bottom: var(--main-bottom-margin);
}

.final--section {
    padding-bottom: var(--main-bottom-margin);
}

#lilac--middle--block {
    padding-top: var(--title-margin);
    padding-bottom: var(--title-margin);
}

img {
    width: 100%;
    display: block;
}

main.main {
    padding-bottom: 0px;
}

.sidemenu {
    padding-bottom: var(--title-margin);
}

.title-no-margin {
    margin-top: 0;
}

.card-grid .card .title2 {
    padding-top:0; margin-top: 0;
}

.card + .card {
    margin-top: 24px;
}

.image--margin {
    margin-top: var(--title-margin);
}

.title1 {
	padding: 16px 0;
}

.no-bottom-margin {
    margin-bottom: 0;
}

@media only screen and (min-width:768px) {
	.title1 {
		padding: 32px 0;
	}
}

@media only screen and (max-width:767px) {
    .two-column-grid  {
        display: flex;
        flex-direction: column;
        gap: var(--title-margin);
    }

    .no-gap {
        gap: 0;
    }

    .small--flex1 {
    	order: 1;
    }

    .small--flex2 {
    	order: 2;
    }

    .small--flex3 {
    	order: 3;
    }

    .small--flex4 {
    	order: 4;
    }

    .small--flex5 {
    	order: 5;
    }


}

@media only screen and (min-width:1024px) {
    .column__image  {
        margin: 32px 0;
    }

    .no-bottom-margin {
        margin-bottom: 0;
    }
}