Template:Visual identity guidelines/styles.css

.visual-identity-guidelines {
	width: 800px;
	margin: 1em auto 0;
}
.visual-identity-guidelines__column {
	width: 40%
}
.visual-identity-guidelines__container {
	margin: 6em auto 4em;
}
.visual-identity-guidelines__column--half {
	width: 50%
}
.visual-identity-guidelines__column--float-right {
	float: right;
}
.visual-identity-guidelines__column--float-left {
	float: left;
}
.visual-identity-guidelines__column--min-width {
	min-width: 200px;
}

/* Adapt for mobile */
@media all and ( max-width: 800px ) {
	.visual-identity-guidelines {
	    width: 100%;
	    overflow: scroll;
	    margin-left: auto;
	    margin-right: auto;
	    box-sizing: border-box;
	}
	.visual-identity-guidelines > div {
		width: 800px;
	}
}