/*
 * Ajustes de escritorio (>= 1346px, el breakpoint `col-md-*` del tema).
 *
 * El sidebar usa `col-md-2 col-md-pull-10` y el contenido `col-md-10
 * col-md-push-2`. Para darle al sidebar un ancho fijo de 250px pasamos el
 * contenedor a flexbox y neutralizamos los offsets de Bootstrap.
 */
@media (min-width: 1346px) {
	.content_background {
		display: flex;
		align-items: flex-start;
	}

	.content_background > .clearfix {
		display: none;
	}

	#sidebar.col-md-pull-10 {
		order: 1;
		flex: 0 0 250px;
		width: 250px;
		max-width: 250px;
		right: auto;
		float: none;
	}

	#content.col-md-push-2 {
		order: 2;
		flex: 1 1 0%;
		width: auto;
		min-width: 0;
		left: auto;
		float: none;
	}
}