/* ==========================================================================
   Visual bullets (image + text)
   ========================================================================== */

.bullets {
	$icon-bullet-size: $column;
	overflow: auto;

	// change ".three-col-bullet" class to this for two bullet layout
	.two-col-bullet {
		@include media($large) {
			@include span-columns(6);
			@include omega(2n);
		}
	}
	.three-col-bullet {
		@include media($large) {
			@include span-columns(4);
			@include omega(3n);
		}
	}
	// change ".three-col-bullet" class to this for four bullet layout
	.four-col-bullet {
		@include media($large) {
			@include span-columns(3);
			@include omega(4n);
		}
	}

	.bullet-icon {
		float: left;
		background: $base-color;
		padding: $icon-bullet-size /4;
		border-radius: 50%;
		width: $icon-bullet-size * 1.25;
		height: $icon-bullet-size * 1.25;
	}
	.bullet-content {
		margin-left: $icon-bullet-size * 1.4;
		margin-bottom: 2em;
	}
	h2 {
		margin-top: 0;
		@include font-size(20,no);
		display: inline-block;
	}
	p {
		@include font-size(14);
	}
}