.main {
    max-width: var(--1140-px);
}

#menu {
    z-index: 1000;
}

.section1 {
	display: flex;
	flex-direction: column;
	gap: var(--20-px);
	padding: 0 var(--20-px);
}

.section2 {
	display: flex;
	gap: var(--40-px);
	padding: 0 var(--20-px);
}

.section2 .col1 {
	display: flex;
	flex-direction: column;
	gap: var(--20-px);
}

.section2 .col1 .row1 {
	display: flex;
	gap: var(--20-px);
}

.section2 .col1 .row2 {
	display: flex;
	gap: var(--20-px);
}

.section2 .col2 {
	display: flex;
	flex-direction: column;
	gap: var(--20-px);
}

.section3 {
	padding: 0 var(--20-px);
}

.section4 {
	display: flex;
	gap: var(--40-px);
	padding: 0 var(--20-px);
}

.section4 .col1 {
	display: flex;
	flex-direction: column;
	gap: var(--20-px);
}