.row {
	width: 80%;
	max-width: var(--wrapper-width);
	margin: auto;
}

.row-2 {
	width: 100%;
	max-width: var(--wrapper-width-2);
	margin: auto;
}

.row-grid {
	display: grid;
	gap: 2.5rem;
}

.row-grid-2-50 {
	grid-template-columns: 1fr 1fr;
}

.row-grid-4-25 {
	grid-template-columns: 150px 1fr 1fr max-content;
}

.row-grid-3-40-20-40 {
	grid-template-columns: 1fr 150px 1fr;
}
 
.row-grid-header-subsite {
	grid-template-columns: minmax(100px, 150px) minmax(400px, 750px) 1fr;
}

@media all and (min-width:768px) and (max-width:964px) {
	.row-grid-4-25 {
		grid-template-columns: 1fr 1fr;
	}
}

@media all and (max-width: 964px) {
	.mobile-order-1 {
		order: 1;
	}
	
	.mobile-order-2 {
		order: 2;
	}
	
	.mobile-order-3 {
		order: 3;
	}
	
	.mobile-order-4 {
		order: 4;
	}
	
	.row-grid-2-50, .row-grid-3-40-20-40, .row-grid-header-subsite {
		grid-template-columns: 1fr;
	}
}

@media all and (max-width:767px) {
	.row-grid-4-25 {
		grid-template-columns: 1fr;
	}
}