Skip to content

Instantly share code, notes, and snippets.

@charlietriplett
Created April 16, 2014 22:03
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save charlietriplett/10937637 to your computer and use it in GitHub Desktop.
Save charlietriplett/10937637 to your computer and use it in GitHub Desktop.
12 Column Grid
/* @group grid */
.container .span1, .container .span2, .container .span3, .container .span4, .container .span5, .container .span6, .container .span7, .container .span8, .container .span9, .container .span10, .container .span11, .container .span12 { float: left; margin-left: 1%; margin-right: 1%; }
.container .span1.pad { width: 2.33333%; padding-left: 2%; padding-right: 2%; }
.container .span2.pad { width: 10.66667%; padding-left: 2%; padding-right: 2%; }
.container .span3.pad { width: 19%; padding-left: 2%; padding-right: 2%; }
.container .span4.pad { width: 27.33333%; padding-left: 2%; padding-right: 2%; }
.container .span5.pad { width: 35.66667%; padding-left: 2%; padding-right: 2%; }
.container .span6.pad { width: 44%; padding-left: 2%; padding-right: 2%; }
.container .span7.pad { width: 52.33333%; padding-left: 2%; padding-right: 2%; }
.container .span8.pad { width: 60.66667%; padding-left: 2%; padding-right: 2%; }
.container .span9.pad { width: 69%; padding-left: 2%; padding-right: 2%; }
.container .span10.pad { width: 77.33333%; padding-left: 2%; padding-right: 2%; }
.container .span11.pad { width: 85.66667%; padding-left: 2%; padding-right: 2%; }
.container .span12.pad { width: 94%; padding-left: 2%; padding-right: 2%; }
.container .span1 { width: 6.33333%; }
.container .span2 { width: 14.66667%; }
.container .span2 .span1 { margin-right: 12.63636%; width: 43.18182%; }
.container .span2 .span1.pad { padding-left: 13.63636%; padding-right: 13.63636%; margin-right: 12.63636%; width: 15.90909%; }
.container .span3 { width: 23%; }
.container .span3 .span1 { margin-right: 7.69565%; width: 27.53623%; }
.container .span3 .span2 { margin-right: 7.69565%; width: 63.76812%; }
.container .span3 .span2 .span1 { margin-right: 12.63636%; width: 43.18182%; }
.container .span3 .span1.pad { padding-left: 8.69565%; padding-right: 8.69565%; margin-right: 7.69565%; width: 10.14493%; }
.container .span3 .span2.pad { padding-left: 8.69565%; padding-right: 8.69565%; margin-right: 7.69565%; width: 46.37681%; }
.container .span4 { width: 31.33333%; }
.container .span4 .span1 { margin-right: 5.38298%; width: 20.21277%; }
.container .span4 .span2 { margin-right: 5.38298%; width: 46.80851%; }
.container .span4 .span2 .span1 { margin-right: 12.63636%; width: 43.18182%; }
.container .span4 .span3 { margin-right: 5.38298%; width: 73.40426%; }
.container .span4 .span3 .span1 { margin-right: 7.69565%; width: 27.53623%; }
.container .span4 .span3 .span2 { margin-right: 7.69565%; width: 63.76812%; }
.container .span4 .span1.pad { padding-left: 6.38298%; padding-right: 6.38298%; margin-right: 5.38298%; width: 7.44681%; }
.container .span4 .span2.pad { padding-left: 6.38298%; padding-right: 6.38298%; margin-right: 5.38298%; width: 34.04255%; }
.container .span4 .span3.pad { padding-left: 6.38298%; padding-right: 6.38298%; margin-right: 5.38298%; width: 60.6383%; }
.container .span5 { width: 39.66667%; }
.container .span5 .span1 { margin-right: 4.04202%; width: 15.96639%; }
.container .span5 .span2 { margin-right: 4.04202%; width: 36.97479%; }
.container .span5 .span2 .span1 { margin-right: 12.63636%; width: 43.18182%; }
.container .span5 .span3 { margin-right: 4.04202%; width: 57.98319%; }
.container .span5 .span3 .span1 { margin-right: 7.69565%; width: 27.53623%; }
.container .span5 .span3 .span2 { margin-right: 7.69565%; width: 63.76812%; }
.container .span5 .span4 { margin-right: 4.04202%; width: 78.9916%; }
.container .span5 .span4 .span1 { margin-right: 5.38298%; width: 20.21277%; }
.container .span5 .span4 .span2 { margin-right: 5.38298%; width: 46.80851%; }
.container .span5 .span4 .span3 { margin-right: 5.38298%; width: 73.40426%; }
.container .span5 .span1.pad { padding-left: 5.04202%; padding-right: 5.04202%; margin-right: 4.04202%; width: 5.88235%; }
.container .span5 .span2.pad { padding-left: 5.04202%; padding-right: 5.04202%; margin-right: 4.04202%; width: 26.89076%; }
.container .span5 .span3.pad { padding-left: 5.04202%; padding-right: 5.04202%; margin-right: 4.04202%; width: 47.89916%; }
.container .span5 .span4.pad { padding-left: 5.04202%; padding-right: 5.04202%; margin-right: 4.04202%; width: 68.90756%; }
.container .span6 { width: 48%; }
.container .span6 .span1 { margin-right: 3.16667%; width: 13.19444%; }
.container .span6 .span2 { margin-right: 3.16667%; width: 30.55556%; }
.container .span6 .span2 .span1 { margin-right: 12.63636%; width: 43.18182%; }
.container .span6 .span3 { margin-right: 3.16667%; width: 47.91667%; }
.container .span6 .span3 .span1 { margin-right: 7.69565%; width: 27.53623%; }
.container .span6 .span3 .span2 { margin-right: 7.69565%; width: 63.76812%; }
.container .span6 .span4 { margin-right: 3.16667%; width: 65.27778%; }
.container .span6 .span4 .span1 { margin-right: 5.38298%; width: 20.21277%; }
.container .span6 .span4 .span2 { margin-right: 5.38298%; width: 46.80851%; }
.container .span6 .span4 .span3 { margin-right: 5.38298%; width: 73.40426%; }
.container .span6 .span5 { margin-right: 3.16667%; width: 82.63889%; }
.container .span6 .span5 .span1 { margin-right: 4.04202%; width: 15.96639%; }
.container .span6 .span5 .span2 { margin-right: 4.04202%; width: 36.97479%; }
.container .span6 .span5 .span3 { margin-right: 4.04202%; width: 57.98319%; }
.container .span6 .span5 .span4 { margin-right: 4.04202%; width: 78.9916%; }
.container .span6 .span1.pad { padding-left: 4.16667%; padding-right: 4.16667%; margin-right: 3.16667%; width: 4.86111%; }
.container .span6 .span2.pad { padding-left: 4.16667%; padding-right: 4.16667%; margin-right: 3.16667%; width: 22.22222%; }
.container .span6 .span3.pad { padding-left: 4.16667%; padding-right: 4.16667%; margin-right: 3.16667%; width: 39.58333%; }
.container .span6 .span4.pad { padding-left: 4.16667%; padding-right: 4.16667%; margin-right: 3.16667%; width: 56.94444%; }
.container .span6 .span5.pad { padding-left: 4.16667%; padding-right: 4.16667%; margin-right: 3.16667%; width: 74.30556%; }
.container .span7 { width: 56.33333%; }
.container .span7 .span1 { margin-right: 2.5503%; width: 11.2426%; }
.container .span7 .span2 { margin-right: 2.5503%; width: 26.0355%; }
.container .span7 .span2 .span1 { margin-right: 12.63636%; width: 43.18182%; }
.container .span7 .span3 { margin-right: 2.5503%; width: 40.8284%; }
.container .span7 .span3 .span1 { margin-right: 7.69565%; width: 27.53623%; }
.container .span7 .span3 .span2 { margin-right: 7.69565%; width: 63.76812%; }
.container .span7 .span4 { margin-right: 2.5503%; width: 55.6213%; }
.container .span7 .span4 .span1 { margin-right: 5.38298%; width: 20.21277%; }
.container .span7 .span4 .span2 { margin-right: 5.38298%; width: 46.80851%; }
.container .span7 .span4 .span3 { margin-right: 5.38298%; width: 73.40426%; }
.container .span7 .span5 { margin-right: 2.5503%; width: 70.4142%; }
.container .span7 .span5 .span1 { margin-right: 4.04202%; width: 15.96639%; }
.container .span7 .span5 .span2 { margin-right: 4.04202%; width: 36.97479%; }
.container .span7 .span5 .span3 { margin-right: 4.04202%; width: 57.98319%; }
.container .span7 .span5 .span4 { margin-right: 4.04202%; width: 78.9916%; }
.container .span7 .span6 { margin-right: 2.5503%; width: 85.2071%; }
.container .span7 .span6 .span1 { margin-right: 3.16667%; width: 13.19444%; }
.container .span7 .span6 .span2 { margin-right: 3.16667%; width: 30.55556%; }
.container .span7 .span6 .span3 { margin-right: 3.16667%; width: 47.91667%; }
.container .span7 .span6 .span4 { margin-right: 3.16667%; width: 65.27778%; }
.container .span7 .span6 .span5 { margin-right: 3.16667%; width: 82.63889%; }
.container .span7 .span1.pad { padding-left: 3.5503%; padding-right: 3.5503%; margin-right: 2.5503%; width: 4.14201%; }
.container .span7 .span2.pad { padding-left: 3.5503%; padding-right: 3.5503%; margin-right: 2.5503%; width: 18.93491%; }
.container .span7 .span3.pad { padding-left: 3.5503%; padding-right: 3.5503%; margin-right: 2.5503%; width: 33.72781%; }
.container .span7 .span4.pad { padding-left: 3.5503%; padding-right: 3.5503%; margin-right: 2.5503%; width: 48.52071%; }
.container .span7 .span5.pad { padding-left: 3.5503%; padding-right: 3.5503%; margin-right: 2.5503%; width: 63.31361%; }
.container .span7 .span6.pad { padding-left: 3.5503%; padding-right: 3.5503%; margin-right: 2.5503%; width: 78.10651%; }
.container .span8 { width: 64.66667%; }
.container .span8 .span1 { margin-right: 2.09278%; width: 9.79381%; }
.container .span8 .span2 { margin-right: 2.09278%; width: 22.68041%; }
.container .span8 .span2 .span1 { margin-right: 12.63636%; width: 43.18182%; }
.container .span8 .span3 { margin-right: 2.09278%; width: 35.56701%; }
.container .span8 .span3 .span1 { margin-right: 7.69565%; width: 27.53623%; }
.container .span8 .span3 .span2 { margin-right: 7.69565%; width: 63.76812%; }
.container .span8 .span4 { margin-right: 2.09278%; width: 48.45361%; }
.container .span8 .span4 .span1 { margin-right: 5.38298%; width: 20.21277%; }
.container .span8 .span4 .span2 { margin-right: 5.38298%; width: 46.80851%; }
.container .span8 .span4 .span3 { margin-right: 5.38298%; width: 73.40426%; }
.container .span8 .span5 { margin-right: 2.09278%; width: 61.34021%; }
.container .span8 .span5 .span1 { margin-right: 4.04202%; width: 15.96639%; }
.container .span8 .span5 .span2 { margin-right: 4.04202%; width: 36.97479%; }
.container .span8 .span5 .span3 { margin-right: 4.04202%; width: 57.98319%; }
.container .span8 .span5 .span4 { margin-right: 4.04202%; width: 78.9916%; }
.container .span8 .span6 { margin-right: 2.09278%; width: 74.2268%; }
.container .span8 .span6 .span1 { margin-right: 3.16667%; width: 13.19444%; }
.container .span8 .span6 .span2 { margin-right: 3.16667%; width: 30.55556%; }
.container .span8 .span6 .span3 { margin-right: 3.16667%; width: 47.91667%; }
.container .span8 .span6 .span4 { margin-right: 3.16667%; width: 65.27778%; }
.container .span8 .span6 .span5 { margin-right: 3.16667%; width: 82.63889%; }
.container .span8 .span7 { margin-right: 2.09278%; width: 87.1134%; }
.container .span8 .span7 .span1 { margin-right: 2.5503%; width: 11.2426%; }
.container .span8 .span7 .span2 { margin-right: 2.5503%; width: 26.0355%; }
.container .span8 .span7 .span3 { margin-right: 2.5503%; width: 40.8284%; }
.container .span8 .span7 .span4 { margin-right: 2.5503%; width: 55.6213%; }
.container .span8 .span7 .span5 { margin-right: 2.5503%; width: 70.4142%; }
.container .span8 .span7 .span6 { margin-right: 2.5503%; width: 85.2071%; }
.container .span8 .span1.pad { padding-left: 3.09278%; padding-right: 3.09278%; margin-right: 2.09278%; width: 3.60825%; }
.container .span8 .span2.pad { padding-left: 3.09278%; padding-right: 3.09278%; margin-right: 2.09278%; width: 16.49485%; }
.container .span8 .span3.pad { padding-left: 3.09278%; padding-right: 3.09278%; margin-right: 2.09278%; width: 29.38144%; }
.container .span8 .span4.pad { padding-left: 3.09278%; padding-right: 3.09278%; margin-right: 2.09278%; width: 42.26804%; }
.container .span8 .span5.pad { padding-left: 3.09278%; padding-right: 3.09278%; margin-right: 2.09278%; width: 55.15464%; }
.container .span8 .span6.pad { padding-left: 3.09278%; padding-right: 3.09278%; margin-right: 2.09278%; width: 68.04124%; }
.container .span8 .span7.pad { padding-left: 3.09278%; padding-right: 3.09278%; margin-right: 2.09278%; width: 80.92784%; }
.container .span9 { width: 73%; }
.container .span9 .span1 { margin-right: 1.73973%; width: 8.6758%; }
.container .span9 .span2 { margin-right: 1.73973%; width: 20.09132%; }
.container .span9 .span2 .span1 { margin-right: 12.63636%; width: 43.18182%; }
.container .span9 .span3 { margin-right: 1.73973%; width: 31.50685%; }
.container .span9 .span3 .span1 { margin-right: 7.69565%; width: 27.53623%; }
.container .span9 .span3 .span2 { margin-right: 7.69565%; width: 63.76812%; }
.container .span9 .span4 { margin-right: 1.73973%; width: 42.92237%; }
.container .span9 .span4 .span1 { margin-right: 5.38298%; width: 20.21277%; }
.container .span9 .span4 .span2 { margin-right: 5.38298%; width: 46.80851%; }
.container .span9 .span4 .span3 { margin-right: 5.38298%; width: 73.40426%; }
.container .span9 .span5 { margin-right: 1.73973%; width: 54.3379%; }
.container .span9 .span5 .span1 { margin-right: 4.04202%; width: 15.96639%; }
.container .span9 .span5 .span2 { margin-right: 4.04202%; width: 36.97479%; }
.container .span9 .span5 .span3 { margin-right: 4.04202%; width: 57.98319%; }
.container .span9 .span5 .span4 { margin-right: 4.04202%; width: 78.9916%; }
.container .span9 .span6 { margin-right: 1.73973%; width: 65.75342%; }
.container .span9 .span6 .span1 { margin-right: 3.16667%; width: 13.19444%; }
.container .span9 .span6 .span2 { margin-right: 3.16667%; width: 30.55556%; }
.container .span9 .span6 .span3 { margin-right: 3.16667%; width: 47.91667%; }
.container .span9 .span6 .span4 { margin-right: 3.16667%; width: 65.27778%; }
.container .span9 .span6 .span5 { margin-right: 3.16667%; width: 82.63889%; }
.container .span9 .span7 { margin-right: 1.73973%; width: 77.16895%; }
.container .span9 .span7 .span1 { margin-right: 2.5503%; width: 11.2426%; }
.container .span9 .span7 .span2 { margin-right: 2.5503%; width: 26.0355%; }
.container .span9 .span7 .span3 { margin-right: 2.5503%; width: 40.8284%; }
.container .span9 .span7 .span4 { margin-right: 2.5503%; width: 55.6213%; }
.container .span9 .span7 .span5 { margin-right: 2.5503%; width: 70.4142%; }
.container .span9 .span7 .span6 { margin-right: 2.5503%; width: 85.2071%; }
.container .span9 .span8 { margin-right: 1.73973%; width: 88.58447%; }
.container .span9 .span8 .span1 { margin-right: 2.09278%; width: 9.79381%; }
.container .span9 .span8 .span2 { margin-right: 2.09278%; width: 22.68041%; }
.container .span9 .span8 .span3 { margin-right: 2.09278%; width: 35.56701%; }
.container .span9 .span8 .span4 { margin-right: 2.09278%; width: 48.45361%; }
.container .span9 .span8 .span5 { margin-right: 2.09278%; width: 61.34021%; }
.container .span9 .span8 .span6 { margin-right: 2.09278%; width: 74.2268%; }
.container .span9 .span8 .span7 { margin-right: 2.09278%; width: 87.1134%; }
.container .span9 .span1.pad { padding-left: 2.73973%; padding-right: 2.73973%; margin-right: 1.73973%; width: 3.19635%; }
.container .span9 .span2.pad { padding-left: 2.73973%; padding-right: 2.73973%; margin-right: 1.73973%; width: 14.61187%; }
.container .span9 .span3.pad { padding-left: 2.73973%; padding-right: 2.73973%; margin-right: 1.73973%; width: 26.0274%; }
.container .span9 .span4.pad { padding-left: 2.73973%; padding-right: 2.73973%; margin-right: 1.73973%; width: 37.44292%; }
.container .span9 .span5.pad { padding-left: 2.73973%; padding-right: 2.73973%; margin-right: 1.73973%; width: 48.85845%; }
.container .span9 .span6.pad { padding-left: 2.73973%; padding-right: 2.73973%; margin-right: 1.73973%; width: 60.27397%; }
.container .span9 .span7.pad { padding-left: 2.73973%; padding-right: 2.73973%; margin-right: 1.73973%; width: 71.6895%; }
.container .span9 .span8.pad { padding-left: 2.73973%; padding-right: 2.73973%; margin-right: 1.73973%; width: 83.10502%; }
.container .span10 { width: 81.33333%; }
.container .span10 .span1 { margin-right: 1.45902%; width: 7.78689%; }
.container .span10 .span2 { margin-right: 1.45902%; width: 18.03279%; }
.container .span10 .span2 .span1 { margin-right: 12.63636%; width: 43.18182%; }
.container .span10 .span3 { margin-right: 1.45902%; width: 28.27869%; }
.container .span10 .span3 .span1 { margin-right: 7.69565%; width: 27.53623%; }
.container .span10 .span3 .span2 { margin-right: 7.69565%; width: 63.76812%; }
.container .span10 .span4 { margin-right: 1.45902%; width: 38.52459%; }
.container .span10 .span4 .span1 { margin-right: 5.38298%; width: 20.21277%; }
.container .span10 .span4 .span2 { margin-right: 5.38298%; width: 46.80851%; }
.container .span10 .span4 .span3 { margin-right: 5.38298%; width: 73.40426%; }
.container .span10 .span5 { margin-right: 1.45902%; width: 48.77049%; }
.container .span10 .span5 .span1 { margin-right: 4.04202%; width: 15.96639%; }
.container .span10 .span5 .span2 { margin-right: 4.04202%; width: 36.97479%; }
.container .span10 .span5 .span3 { margin-right: 4.04202%; width: 57.98319%; }
.container .span10 .span5 .span4 { margin-right: 4.04202%; width: 78.9916%; }
.container .span10 .span6 { margin-right: 1.45902%; width: 59.01639%; }
.container .span10 .span6 .span1 { margin-right: 3.16667%; width: 13.19444%; }
.container .span10 .span6 .span2 { margin-right: 3.16667%; width: 30.55556%; }
.container .span10 .span6 .span3 { margin-right: 3.16667%; width: 47.91667%; }
.container .span10 .span6 .span4 { margin-right: 3.16667%; width: 65.27778%; }
.container .span10 .span6 .span5 { margin-right: 3.16667%; width: 82.63889%; }
.container .span10 .span7 { margin-right: 1.45902%; width: 69.2623%; }
.container .span10 .span7 .span1 { margin-right: 2.5503%; width: 11.2426%; }
.container .span10 .span7 .span2 { margin-right: 2.5503%; width: 26.0355%; }
.container .span10 .span7 .span3 { margin-right: 2.5503%; width: 40.8284%; }
.container .span10 .span7 .span4 { margin-right: 2.5503%; width: 55.6213%; }
.container .span10 .span7 .span5 { margin-right: 2.5503%; width: 70.4142%; }
.container .span10 .span7 .span6 { margin-right: 2.5503%; width: 85.2071%; }
.container .span10 .span8 { margin-right: 1.45902%; width: 79.5082%; }
.container .span10 .span8 .span1 { margin-right: 2.09278%; width: 9.79381%; }
.container .span10 .span8 .span2 { margin-right: 2.09278%; width: 22.68041%; }
.container .span10 .span8 .span3 { margin-right: 2.09278%; width: 35.56701%; }
.container .span10 .span8 .span4 { margin-right: 2.09278%; width: 48.45361%; }
.container .span10 .span8 .span5 { margin-right: 2.09278%; width: 61.34021%; }
.container .span10 .span8 .span6 { margin-right: 2.09278%; width: 74.2268%; }
.container .span10 .span8 .span7 { margin-right: 2.09278%; width: 87.1134%; }
.container .span10 .span9 { margin-right: 1.45902%; width: 89.7541%; }
.container .span10 .span9 .span1 { margin-right: 1.73973%; width: 8.6758%; }
.container .span10 .span9 .span2 { margin-right: 1.73973%; width: 20.09132%; }
.container .span10 .span9 .span3 { margin-right: 1.73973%; width: 31.50685%; }
.container .span10 .span9 .span4 { margin-right: 1.73973%; width: 42.92237%; }
.container .span10 .span9 .span5 { margin-right: 1.73973%; width: 54.3379%; }
.container .span10 .span9 .span6 { margin-right: 1.73973%; width: 65.75342%; }
.container .span10 .span9 .span7 { margin-right: 1.73973%; width: 77.16895%; }
.container .span10 .span9 .span8 { margin-right: 1.73973%; width: 88.58447%; }
.container .span10 .span1.pad { padding-left: 2.45902%; padding-right: 2.45902%; margin-right: 1.45902%; width: 2.86885%; }
.container .span10 .span2.pad { padding-left: 2.45902%; padding-right: 2.45902%; margin-right: 1.45902%; width: 13.11475%; }
.container .span10 .span3.pad { padding-left: 2.45902%; padding-right: 2.45902%; margin-right: 1.45902%; width: 23.36066%; }
.container .span10 .span4.pad { padding-left: 2.45902%; padding-right: 2.45902%; margin-right: 1.45902%; width: 33.60656%; }
.container .span10 .span5.pad { padding-left: 2.45902%; padding-right: 2.45902%; margin-right: 1.45902%; width: 43.85246%; }
.container .span10 .span6.pad { padding-left: 2.45902%; padding-right: 2.45902%; margin-right: 1.45902%; width: 54.09836%; }
.container .span10 .span7.pad { padding-left: 2.45902%; padding-right: 2.45902%; margin-right: 1.45902%; width: 64.34426%; }
.container .span10 .span8.pad { padding-left: 2.45902%; padding-right: 2.45902%; margin-right: 1.45902%; width: 74.59016%; }
.container .span10 .span9.pad { padding-left: 2.45902%; padding-right: 2.45902%; margin-right: 1.45902%; width: 84.83607%; }
.container .span11 { width: 89.66667%; }
.container .span11 .span1 { margin-right: 1.23048%; width: 7.0632%; }
.container .span11 .span2 { margin-right: 1.23048%; width: 16.35688%; }
.container .span11 .span2 .span1 { margin-right: 12.63636%; width: 43.18182%; }
.container .span11 .span3 { margin-right: 1.23048%; width: 25.65056%; }
.container .span11 .span3 .span1 { margin-right: 7.69565%; width: 27.53623%; }
.container .span11 .span3 .span2 { margin-right: 7.69565%; width: 63.76812%; }
.container .span11 .span4 { margin-right: 1.23048%; width: 34.94424%; }
.container .span11 .span4 .span1 { margin-right: 5.38298%; width: 20.21277%; }
.container .span11 .span4 .span2 { margin-right: 5.38298%; width: 46.80851%; }
.container .span11 .span4 .span3 { margin-right: 5.38298%; width: 73.40426%; }
.container .span11 .span5 { margin-right: 1.23048%; width: 44.23792%; }
.container .span11 .span5 .span1 { margin-right: 4.04202%; width: 15.96639%; }
.container .span11 .span5 .span2 { margin-right: 4.04202%; width: 36.97479%; }
.container .span11 .span5 .span3 { margin-right: 4.04202%; width: 57.98319%; }
.container .span11 .span5 .span4 { margin-right: 4.04202%; width: 78.9916%; }
.container .span11 .span6 { margin-right: 1.23048%; width: 53.5316%; }
.container .span11 .span6 .span1 { margin-right: 3.16667%; width: 13.19444%; }
.container .span11 .span6 .span2 { margin-right: 3.16667%; width: 30.55556%; }
.container .span11 .span6 .span3 { margin-right: 3.16667%; width: 47.91667%; }
.container .span11 .span6 .span4 { margin-right: 3.16667%; width: 65.27778%; }
.container .span11 .span6 .span5 { margin-right: 3.16667%; width: 82.63889%; }
.container .span11 .span7 { margin-right: 1.23048%; width: 62.82528%; }
.container .span11 .span7 .span1 { margin-right: 2.5503%; width: 11.2426%; }
.container .span11 .span7 .span2 { margin-right: 2.5503%; width: 26.0355%; }
.container .span11 .span7 .span3 { margin-right: 2.5503%; width: 40.8284%; }
.container .span11 .span7 .span4 { margin-right: 2.5503%; width: 55.6213%; }
.container .span11 .span7 .span5 { margin-right: 2.5503%; width: 70.4142%; }
.container .span11 .span7 .span6 { margin-right: 2.5503%; width: 85.2071%; }
.container .span11 .span8 { margin-right: 1.23048%; width: 72.11896%; }
.container .span11 .span8 .span1 { margin-right: 2.09278%; width: 9.79381%; }
.container .span11 .span8 .span2 { margin-right: 2.09278%; width: 22.68041%; }
.container .span11 .span8 .span3 { margin-right: 2.09278%; width: 35.56701%; }
.container .span11 .span8 .span4 { margin-right: 2.09278%; width: 48.45361%; }
.container .span11 .span8 .span5 { margin-right: 2.09278%; width: 61.34021%; }
.container .span11 .span8 .span6 { margin-right: 2.09278%; width: 74.2268%; }
.container .span11 .span8 .span7 { margin-right: 2.09278%; width: 87.1134%; }
.container .span11 .span9 { margin-right: 1.23048%; width: 81.41264%; }
.container .span11 .span9 .span1 { margin-right: 1.73973%; width: 8.6758%; }
.container .span11 .span9 .span2 { margin-right: 1.73973%; width: 20.09132%; }
.container .span11 .span9 .span3 { margin-right: 1.73973%; width: 31.50685%; }
.container .span11 .span9 .span4 { margin-right: 1.73973%; width: 42.92237%; }
.container .span11 .span9 .span5 { margin-right: 1.73973%; width: 54.3379%; }
.container .span11 .span9 .span6 { margin-right: 1.73973%; width: 65.75342%; }
.container .span11 .span9 .span7 { margin-right: 1.73973%; width: 77.16895%; }
.container .span11 .span9 .span8 { margin-right: 1.73973%; width: 88.58447%; }
.container .span11 .span10 { margin-right: 1.23048%; width: 90.70632%; }
.container .span11 .span10 .span1 { margin-right: 1.45902%; width: 7.78689%; }
.container .span11 .span10 .span2 { margin-right: 1.45902%; width: 18.03279%; }
.container .span11 .span10 .span3 { margin-right: 1.45902%; width: 28.27869%; }
.container .span11 .span10 .span4 { margin-right: 1.45902%; width: 38.52459%; }
.container .span11 .span10 .span5 { margin-right: 1.45902%; width: 48.77049%; }
.container .span11 .span10 .span6 { margin-right: 1.45902%; width: 59.01639%; }
.container .span11 .span10 .span7 { margin-right: 1.45902%; width: 69.2623%; }
.container .span11 .span10 .span8 { margin-right: 1.45902%; width: 79.5082%; }
.container .span11 .span10 .span9 { margin-right: 1.45902%; width: 89.7541%; }
.container .span11 .span1.pad { padding-left: 2.23048%; padding-right: 2.23048%; margin-right: 1.23048%; width: 2.60223%; }
.container .span11 .span2.pad { padding-left: 2.23048%; padding-right: 2.23048%; margin-right: 1.23048%; width: 11.89591%; }
.container .span11 .span3.pad { padding-left: 2.23048%; padding-right: 2.23048%; margin-right: 1.23048%; width: 21.18959%; }
.container .span11 .span4.pad { padding-left: 2.23048%; padding-right: 2.23048%; margin-right: 1.23048%; width: 30.48327%; }
.container .span11 .span5.pad { padding-left: 2.23048%; padding-right: 2.23048%; margin-right: 1.23048%; width: 39.77695%; }
.container .span11 .span6.pad { padding-left: 2.23048%; padding-right: 2.23048%; margin-right: 1.23048%; width: 49.07063%; }
.container .span11 .span7.pad { padding-left: 2.23048%; padding-right: 2.23048%; margin-right: 1.23048%; width: 58.36431%; }
.container .span11 .span8.pad { padding-left: 2.23048%; padding-right: 2.23048%; margin-right: 1.23048%; width: 67.65799%; }
.container .span11 .span9.pad { padding-left: 2.23048%; padding-right: 2.23048%; margin-right: 1.23048%; width: 76.95167%; }
.container .span11 .span10.pad { padding-left: 2.23048%; padding-right: 2.23048%; margin-right: 1.23048%; width: 86.24535%; }
.container .span12 { width: 98%; }
.container .span12 .span1 { margin-right: 1.04082%; width: 6.46259%; }
.container .span12 .span2 { margin-right: 1.04082%; width: 14.96599%; }
.container .span12 .span2 .span1 { margin-right: 12.63636%; width: 43.18182%; }
.container .span12 .span3 { margin-right: 1.04082%; width: 23.46939%; }
.container .span12 .span3 .span1 { margin-right: 7.69565%; width: 27.53623%; }
.container .span12 .span3 .span2 { margin-right: 7.69565%; width: 63.76812%; }
.container .span12 .span4 { margin-right: 1.04082%; width: 31.97279%; }
.container .span12 .span4 .span1 { margin-right: 5.38298%; width: 20.21277%; }
.container .span12 .span4 .span2 { margin-right: 5.38298%; width: 46.80851%; }
.container .span12 .span4 .span3 { margin-right: 5.38298%; width: 73.40426%; }
.container .span12 .span5 { margin-right: 1.04082%; width: 40.47619%; }
.container .span12 .span5 .span1 { margin-right: 4.04202%; width: 15.96639%; }
.container .span12 .span5 .span2 { margin-right: 4.04202%; width: 36.97479%; }
.container .span12 .span5 .span3 { margin-right: 4.04202%; width: 57.98319%; }
.container .span12 .span5 .span4 { margin-right: 4.04202%; width: 78.9916%; }
.container .span12 .span6 { margin-right: 1.04082%; width: 48.97959%; }
.container .span12 .span6 .span1 { margin-right: 3.16667%; width: 13.19444%; }
.container .span12 .span6 .span2 { margin-right: 3.16667%; width: 30.55556%; }
.container .span12 .span6 .span3 { margin-right: 3.16667%; width: 47.91667%; }
.container .span12 .span6 .span4 { margin-right: 3.16667%; width: 65.27778%; }
.container .span12 .span6 .span5 { margin-right: 3.16667%; width: 82.63889%; }
.container .span12 .span7 { margin-right: 1.04082%; width: 57.48299%; }
.container .span12 .span7 .span1 { margin-right: 2.5503%; width: 11.2426%; }
.container .span12 .span7 .span2 { margin-right: 2.5503%; width: 26.0355%; }
.container .span12 .span7 .span3 { margin-right: 2.5503%; width: 40.8284%; }
.container .span12 .span7 .span4 { margin-right: 2.5503%; width: 55.6213%; }
.container .span12 .span7 .span5 { margin-right: 2.5503%; width: 70.4142%; }
.container .span12 .span7 .span6 { margin-right: 2.5503%; width: 85.2071%; }
.container .span12 .span8 { margin-right: 1.04082%; width: 65.98639%; }
.container .span12 .span8 .span1 { margin-right: 2.09278%; width: 9.79381%; }
.container .span12 .span8 .span2 { margin-right: 2.09278%; width: 22.68041%; }
.container .span12 .span8 .span3 { margin-right: 2.09278%; width: 35.56701%; }
.container .span12 .span8 .span4 { margin-right: 2.09278%; width: 48.45361%; }
.container .span12 .span8 .span5 { margin-right: 2.09278%; width: 61.34021%; }
.container .span12 .span8 .span6 { margin-right: 2.09278%; width: 74.2268%; }
.container .span12 .span8 .span7 { margin-right: 2.09278%; width: 87.1134%; }
.container .span12 .span9 { margin-right: 1.04082%; width: 74.4898%; }
.container .span12 .span9 .span1 { margin-right: 1.73973%; width: 8.6758%; }
.container .span12 .span9 .span2 { margin-right: 1.73973%; width: 20.09132%; }
.container .span12 .span9 .span3 { margin-right: 1.73973%; width: 31.50685%; }
.container .span12 .span9 .span4 { margin-right: 1.73973%; width: 42.92237%; }
.container .span12 .span9 .span5 { margin-right: 1.73973%; width: 54.3379%; }
.container .span12 .span9 .span6 { margin-right: 1.73973%; width: 65.75342%; }
.container .span12 .span9 .span7 { margin-right: 1.73973%; width: 77.16895%; }
.container .span12 .span9 .span8 { margin-right: 1.73973%; width: 88.58447%; }
.container .span12 .span10 { margin-right: 1.04082%; width: 82.9932%; }
.container .span12 .span10 .span1 { margin-right: 1.45902%; width: 7.78689%; }
.container .span12 .span10 .span2 { margin-right: 1.45902%; width: 18.03279%; }
.container .span12 .span10 .span3 { margin-right: 1.45902%; width: 28.27869%; }
.container .span12 .span10 .span4 { margin-right: 1.45902%; width: 38.52459%; }
.container .span12 .span10 .span5 { margin-right: 1.45902%; width: 48.77049%; }
.container .span12 .span10 .span6 { margin-right: 1.45902%; width: 59.01639%; }
.container .span12 .span10 .span7 { margin-right: 1.45902%; width: 69.2623%; }
.container .span12 .span10 .span8 { margin-right: 1.45902%; width: 79.5082%; }
.container .span12 .span10 .span9 { margin-right: 1.45902%; width: 89.7541%; }
.container .span12 .span11 { margin-right: 1.04082%; width: 91.4966%; }
.container .span12 .span11 .span1 { margin-right: 1.23048%; width: 7.0632%; }
.container .span12 .span11 .span2 { margin-right: 1.23048%; width: 16.35688%; }
.container .span12 .span11 .span3 { margin-right: 1.23048%; width: 25.65056%; }
.container .span12 .span11 .span4 { margin-right: 1.23048%; width: 34.94424%; }
.container .span12 .span11 .span5 { margin-right: 1.23048%; width: 44.23792%; }
.container .span12 .span11 .span6 { margin-right: 1.23048%; width: 53.5316%; }
.container .span12 .span11 .span7 { margin-right: 1.23048%; width: 62.82528%; }
.container .span12 .span11 .span8 { margin-right: 1.23048%; width: 72.11896%; }
.container .span12 .span11 .span9 { margin-right: 1.23048%; width: 81.41264%; }
.container .span12 .span11 .span10 { margin-right: 1.23048%; width: 90.70632%; }
.container .span12 .span1.pad { padding-left: 2.04082%; padding-right: 2.04082%; margin-right: 1.04082%; width: 2.38095%; }
.container .span12 .span2.pad { padding-left: 2.04082%; padding-right: 2.04082%; margin-right: 1.04082%; width: 10.88435%; }
.container .span12 .span3.pad { padding-left: 2.04082%; padding-right: 2.04082%; margin-right: 1.04082%; width: 19.38776%; }
.container .span12 .span4.pad { padding-left: 2.04082%; padding-right: 2.04082%; margin-right: 1.04082%; width: 27.89116%; }
.container .span12 .span5.pad { padding-left: 2.04082%; padding-right: 2.04082%; margin-right: 1.04082%; width: 36.39456%; }
.container .span12 .span6.pad { padding-left: 2.04082%; padding-right: 2.04082%; margin-right: 1.04082%; width: 44.89796%; }
.container .span12 .span7.pad { padding-left: 2.04082%; padding-right: 2.04082%; margin-right: 1.04082%; width: 53.40136%; }
.container .span12 .span8.pad { padding-left: 2.04082%; padding-right: 2.04082%; margin-right: 1.04082%; width: 61.90476%; }
.container .span12 .span9.pad { padding-left: 2.04082%; padding-right: 2.04082%; margin-right: 1.04082%; width: 70.40816%; }
.container .span12 .span10.pad { padding-left: 2.04082%; padding-right: 2.04082%; margin-right: 1.04082%; width: 78.91156%; }
.container .span12 .span11.pad { padding-left: 2.04082%; padding-right: 2.04082%; margin-right: 1.04082%; width: 87.41497%; }
.left-offset1 { padding-left: 8.33333%; }
.left-offset2 { padding-left: 16.66667%; }
.left-offset3 { padding-left: 25%; }
.left-offset4 { padding-left: 33.33333%; }
.left-offset5 { padding-left: 41.66667%; }
.left-offset6 { padding-left: 50%; }
.left-offset7 { padding-left: 58.33333%; }
.left-offset8 { padding-left: 66.66667%; }
.left-offset9 { padding-left: 75%; }
.left-offset10 { padding-left: 83.33333%; }
.left-offset11 { padding-left: 91.66667%; }
.left-offset12 { padding-left: 100%; }
.right-offset1 { padding-right: 8.33333%; }
.right-offset2 { padding-right: 16.66667%; }
.right-offset3 { padding-right: 25%; }
.right-offset4 { padding-right: 33.33333%; }
.right-offset5 { padding-right: 41.66667%; }
.right-offset6 { padding-right: 50%; }
.right-offset7 { padding-right: 58.33333%; }
.right-offset8 { padding-right: 66.66667%; }
.right-offset9 { padding-right: 75%; }
.right-offset10 { padding-right: 83.33333%; }
.right-offset11 { padding-right: 91.66667%; }
.right-offset12 { padding-right: 100%; }
@media only screen and (max-width: 860px) { .container .span1, .container .span2, .container .span3, .container .span4, .container .span5, .container .span6, .container .span7, .container .span8, .container .span9, .container .span10, .container .span11, .container .span12 { float: left; margin-left: 4%; margin-right: 4%; width: 92%; }
.container .span2 .span1, .container .span3 .span1, .container .span3 .span2, .container .span4 .span1, .container .span4 .span2, .container .span4 .span3, .container .span5 .span1, .container .span5 .span2, .container .span5 .span3, .container .span5 .span4, .container .span6 .span1, .container .span6 .span2, .container .span6 .span3, .container .span6 .span4, .container .span6 .span5, .container .span7 .span1, .container .span7 .span2, .container .span7 .span3, .container .span7 .span4, .container .span7 .span5, .container .span7 .span6, .container .span8 .span1, .container .span8 .span2, .container .span8 .span3, .container .span8 .span4, .container .span8 .span5, .container .span8 .span6, .container .span8 .span7, .container .span9 .span1, .container .span9 .span2, .container .span9 .span3, .container .span9 .span4, .container .span9 .span5, .container .span9 .span6, .container .span9 .span7, .container .span9 .span8, .container .span10 .span1, .container .span10 .span2, .container .span10 .span3, .container .span10 .span4, .container .span10 .span5, .container .span10 .span6, .container .span10 .span7, .container .span10 .span8, .container .span10 .span9, .container .span11 .span1, .container .span11 .span2, .container .span11 .span3, .container .span11 .span4, .container .span11 .span5, .container .span11 .span6, .container .span11 .span7, .container .span11 .span8, .container .span11 .span9, .container .span11 .span10, .container .span12 .span1, .container .span12 .span2, .container .span12 .span3, .container .span12 .span4, .container .span12 .span5, .container .span12 .span6, .container .span12 .span7, .container .span12 .span8, .container .span12 .span9, .container .span12 .span10, .container .span12 .span11 { float: left; margin-left: 0%; margin-right: 0%; width: 100%; }
.container .pad.span1, .container .pad.span2, .container .pad.span3, .container .pad.span4, .container .pad.span5, .container .pad.span6, .container .pad.span7, .container .pad.span8, .container .pad.span9, .container .pad.span10, .container .pad.span11, .container .pad.span12 { float: left; margin-left: 4%; margin-right: 4%; padding-left: 2%; padding-right: 2%; width: 88% !important; }
.container .span2 .span1.pad, .container .span3 .span1.pad, .container .span3 .span2.pad, .container .span4 .span1.pad, .container .span4 .span2.pad, .container .span4 .span3.pad, .container .span5 .span1.pad, .container .span5 .span2.pad, .container .span5 .span3.pad, .container .span5 .span4.pad, .container .span6 .span1.pad, .container .span6 .span2.pad, .container .span6 .span3.pad, .container .span6 .span4.pad, .container .span6 .span5.pad, .container .span7 .span1.pad, .container .span7 .span2.pad, .container .span7 .span3.pad, .container .span7 .span4.pad, .container .span7 .span5.pad, .container .span7 .span6.pad, .container .span8 .span1.pad, .container .span8 .span2.pad, .container .span8 .span3.pad, .container .span8 .span4.pad, .container .span8 .span5.pad, .container .span8 .span6.pad, .container .span8 .span7.pad, .container .span9 .span1.pad, .container .span9 .span2.pad, .container .span9 .span3.pad, .container .span9 .span4.pad, .container .span9 .span5.pad, .container .span9 .span6.pad, .container .span9 .span7.pad, .container .span9 .span8.pad, .container .span10 .span1.pad, .container .span10 .span2.pad, .container .span10 .span3.pad, .container .span10 .span4.pad, .container .span10 .span5.pad, .container .span10 .span6.pad, .container .span10 .span7.pad, .container .span10 .span8.pad, .container .span10 .span9.pad, .container .span11 .span1.pad, .container .span11 .span2.pad, .container .span11 .span3.pad, .container .span11 .span4.pad, .container .span11 .span5.pad, .container .span11 .span6.pad, .container .span11 .span7.pad, .container .span11 .span8.pad, .container .span11 .span9.pad, .container .span11 .span10.pad, .container .span12 .span1.pad, .container .span12 .span2.pad, .container .span12 .span3.pad, .container .span12 .span4.pad, .container .span12 .span5.pad, .container .span12 .span6.pad, .container .span12 .span7.pad, .container .span12 .span8.pad, .container .span12 .span9.pad, .container .span12 .span10.pad, .container .span12 .span11.pad { float: left; padding-left: 4%; padding-right: 4%; margin-left: 0%; margin-right: 0%; width: 92% !important; }
.one-third { width: 30% !important; margin-right: 4% !important; }
.two-thirds { width: 58% !important; margin-left: 0 !important; } }
.alpha { margin-left: 0 !important; }
.omega { margin-right: 0 !important; }
.container { margin: 0 auto; max-width: 1120px; }
/* @end */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment