_test.css

.test_container {
	padding: 50px 0;
	
	.container {
		lost-utility: clearfix
	}

	h2 {
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 20px;
		margin-top: 60px;

		a {
			font-weight: normal;
			font-size: 12px;
		}
	}

	h3 {
		margin-top: 60px;
	}


	&__left {
		lost-column: 1/1 1 30px no-flex;

		@media (--w768) {
			lost-column: 1/3 2 30px no-flex;
		}
	}

	&__right {
		lost-column: 1/1 1 30px no-flex;

		@media (--w768) {
			lost-column: 2/3 2 30px no-flex;
		}
	}
}

.grid_test {
	lost-center: 300px;
	lost-utility: clearfix;
	lost-utility: edit;

	@media (--w480) {
	  lost-center: 480px;
	}

	@media (--w768) {
	  lost-center: 700px;
	}

	div {
		lost-waffle: 1/2;

		@media (--w768) {
		  lost-column: 1/4;
		}

		@media (--w980) {
		  lost-column: 1/6;
		}
	}
}


.test_arial {
	font-family: Arial, sans-serif;
	font-size: 18px;
}
.test_opensans {
	font-family: $custom;
	font-size: 16px;
}
.test_ptsans {
	font-family: "PT Sans", sans-serif;
	font-size: 16px;
}

.test_roboto {
	font-family: $roboto;
	font-size: 18px;
}

.test_ptserif {
	font-family: "PT Serif", serif;
	font-size: 18px;
}

.test_lobster {
	font-family: "Lobster", serif;
	font-size: 18px;
}