PetitTeton/public/farm-made-fare.styl

#farm-made-fare {
	
	.mainTextBlock {
	}

	.secondaryTextBlock {
		font-size: 10px;
		border: 1px solid #666;
		padding: 4px;
		width: 300px;
		margin-left: 14px;
		margin-bottom: 6px;
		float: right;
	}
	
	.shipImage {
		width: 100px;
		float: left;
		padding-right: 2px;
	}
	
	.priceList {
		width: 100%;
		border: 2px solid #777;
	}
	
	.secondaryTextBlock {
	}

	/* farm-made-fare.html */
	@media(max-width: 509px) {
		.columned {
			width: 250px;
		}
		.secondaryTextBlock {
			margin: 0 auto;
			float: none;
		}
	}
	@media(min-width: 510px) and (max-width: 769px) {
		.columned {
			width: 510px;
		}
		.secondaryTextBlock {
			width: 200px;
		}
	}
	@media(min-width: 770px) { /* and (max-width: 1029px)*/
		.columned {
			width: 770px;
		}
	}
	.columned {
		-webkit-columns: 250px auto; 
		-moz-columns: 250px auto; 
		columns: 250px auto; 
		-webkit-column-gap: 10px; 
		-moz-column-gap: 10px; 
		column-gap: 10px;
	}
	.columned div {
		display: inline-block;
		min-width: 250px;
	}
	@media(max-width: 549px) {
		#vapPicturesContainer img {
			width: 170px;
			height: 96px;
		}
		.vapPictures {
			width: 180px;
			height: 106px;
		}
	}
	@media(min-width: 550px) {
		#vapPicturesContainer img {
			width: 580px;
			height: 326px;
		}
		.vapPictures {
			width: 590px;
			height: 336px;
		}
	}
}