Template:Responsive two-column/styles.css

.restwocol-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 1.125em;
}

@media screen and (max-width: 999px) {
	.restwocol-main {
		/* lots of existing usages define their own right margin for side to side. this is almost always wrong, but i'm too lazy to go back and change every usage */
		margin-right: 0 !important; 
	}
}
@media screen and (min-width: 1000px) {
	.restwocol-container {
		flex-direction: row;
	}
	.restwocol-main {
		/* this is a very common value used, but a lot of places define this with inline style already */
		margin-right: 2.8075em;
		flex: 3;
	}
	.restwocol-additional {
		flex: 2;
	}
}

/* {{PP-template}} */