<div>
	<div class="Flex" id="InfographicContainer">
		<div class="FlexCell Cell-2 TextCenter">
			<svg xml:space="preserve" aria-label="Bosma How We Work Infographic" enable-background="new 0 0 700 1024" viewBox="150 0 700 1024" height="1024px" width="700px" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1" id="HowWeWorkInfographic">

				<line fill="none" stroke="#333333" stroke-width="6" stroke-miterlimit="10" x1="518" y1="641" x2="518" y2="690.236"></line>
				<polygon fill="#333333" points="510.52,688.047 517.999,701 525.479,688.047 	"></polygon>
				<line fill="none" stroke="#333333" stroke-width="6" stroke-miterlimit="10" x1="518" y1="301" x2="518" y2="350.236"></line>
				<polygon fill="#333333" points="510.52,348.047 517.999,361 525.479,348.047 	"></polygon>
				<line fill="none" stroke="#333333" stroke-width="2" stroke-miterlimit="10" x1="448.065" y1="739.789" x2="429.854" y2="721.58"></line>
				<polygon fill="#333333" points="434.412,719.086 424.78,716.506 427.36,726.137 	"></polygon>
				<line fill="none" stroke="#333333" stroke-width="2" stroke-miterlimit="10" x1="589.486" y1="739.789" x2="607.696" y2="721.58"></line>
				<polygon fill="#333333" points="610.189,726.137 612.77,716.506 603.139,719.086 	"></polygon>
				<line fill="none" stroke="#333333" stroke-width="2" stroke-miterlimit="10" x1="448.065" y1="881.211" x2="429.854" y2="899.42"></line>
				<polygon fill="#333333" points="427.361,894.863 424.781,904.496 434.413,901.916 	"></polygon>
				<line fill="none" stroke="#333333" stroke-width="2" stroke-miterlimit="10" x1="589.486" y1="881.211" x2="607.696" y2="899.42"></line>
				<polygon fill="#333333" points="603.139,901.914 612.771,904.494 610.19,894.863 	"></polygon>
				<line fill="none" stroke="#333333" stroke-width="2" stroke-miterlimit="10" x1="619.066" y1="810.5" x2="645.891" y2="810.5"></line>
				<polygon fill="#333333" points="644.432,815.486 653.066,810.5 644.432,805.514 	"></polygon>
				<line fill="none" stroke="#333333" stroke-width="2" stroke-miterlimit="10" x1="418.775" y1="810.5" x2="391.951" y2="810.5"></line>
				<polygon fill="#333333" points="393.411,805.514 384.775,810.5 393.411,815.486 	"></polygon>

				<g class="Donations" id="Donations" aria-label="Click to learn about how your donations help" tabindex="0">
					<text font-size="14" transform="matrix(1 0 0 1 248.1191 77.8408)">DONATIONS</text>
					<rect x="240" y="30" fill="transparent" width="195" height="95"></rect>
					<path class="BGCircle" fill="#333333" d="M363.771,101.505c15.621,15.621,40.948,15.621,56.569,0s15.621-40.948,0-56.569s-40.948-15.621-56.569,0
											     C348.149,60.557,348.149,85.884,363.771,101.505"></path>
					<path fill="#FFFFFF" d="M410.159,75.722v15.917h-39.308V70.494h24.733c0.083-0.204,0.173-0.413,0.28-0.641l0.799-1.984h-28.437
									v26.395h44.558V69.203l-2.615,6.496C410.166,75.707,410.163,75.714,410.159,75.722"></path>
					<path fill="#FFFFFF" d="M398.997,83.657c-0.165,0-0.326-0.03-0.48-0.093c-0.658-0.265-0.979-1.015-0.715-1.674l0.801-1.988
									c0.017-0.042,0.021-0.085,0.013-0.127l-1.371-7.182c0.14-0.58,0.302-1.018,0.603-1.648l5.218-12.955
									c0.022-0.055,0.022-0.117-0.001-0.172c-0.024-0.055-0.068-0.098-0.123-0.121l-1.992-0.8c-0.028-0.011-0.056-0.016-0.084-0.016
									c-0.089,0-0.174,0.053-0.209,0.14l-1.834,4.552c-0.193,0.479-0.681,0.8-1.214,0.8c-0.16,0-0.315-0.029-0.461-0.088
									c-0.317-0.127-0.567-0.372-0.703-0.689c-0.134-0.315-0.137-0.665-0.008-0.984l3.545-8.796c0.193-0.48,0.679-0.801,1.21-0.801
									c0.16,0,0.316,0.029,0.464,0.088c0.657,0.265,0.977,1.016,0.712,1.674l-0.581,1.44c-0.022,0.055-0.022,0.117,0.002,0.173
									c0.023,0.054,0.068,0.097,0.123,0.12l1.991,0.8c0.027,0.011,0.056,0.016,0.084,0.016c0.089,0,0.173-0.053,0.209-0.141l1.234-3.069
									c0.675-1.677,2.285-2.761,4.102-2.761c0.562,0,1.112,0.107,1.635,0.317l1.952,0.786c1.089,0.437,1.943,1.277,2.406,2.364
									c0.463,1.087,0.477,2.285,0.039,3.372l-7.58,18.834c-0.213,0.486-0.433,0.973-0.73,1.521l-0.052,0.049l-6.149,4.217
									c-0.036,0.025-0.064,0.06-0.081,0.101l-0.781,1.934C399.992,83.341,399.523,83.657,398.997,83.657 M400.462,74.138
									c-0.051,0-0.101,0.018-0.142,0.051c-0.063,0.051-0.094,0.133-0.079,0.214l0.558,3.133c0.013,0.075,0.064,0.138,0.134,0.168
									c0.028,0.012,0.058,0.017,0.087,0.017c0.045,0,0.09-0.014,0.128-0.04l2.649-1.844c0.068-0.047,0.105-0.128,0.095-0.21
									c-0.008-0.082-0.063-0.153-0.139-0.184l-3.207-1.289C400.519,74.144,400.49,74.138,400.462,74.138 M405.662,58.809
									c-0.09,0-0.174,0.054-0.209,0.142l-4.906,12.186c-0.022,0.056-0.022,0.118,0.001,0.173c0.024,0.055,0.068,0.098,0.123,0.12
									l4.944,1.99c0.028,0.01,0.056,0.016,0.084,0.016c0.09,0,0.174-0.054,0.209-0.142l4.906-12.186
									c0.022-0.056,0.022-0.118-0.002-0.173c-0.023-0.054-0.068-0.098-0.123-0.12l-4.943-1.99
									C405.718,58.815,405.69,58.809,405.662,58.809 M409.551,51.934c-0.75,0-1.463,0.47-1.734,1.145l-1.235,3.068
									c-0.046,0.114,0.01,0.246,0.125,0.292l4.942,1.989c0.028,0.011,0.056,0.016,0.084,0.016c0.089,0,0.173-0.053,0.209-0.141
									l1.236-3.068c0.18-0.449,0.174-0.947-0.02-1.404c-0.194-0.454-0.548-0.803-0.998-0.985l-1.953-0.786
									C409.999,51.977,409.779,51.934,409.551,51.934"></path>
					<path fill="#FFFFFF" d="M391.26,76.808h-15.751c-0.724,0-1.312-0.587-1.312-1.312s0.588-1.313,1.312-1.313h15.751
									c0.725,0,1.312,0.588,1.312,1.313S391.985,76.808,391.26,76.808"></path>
					<path fill="#FFFFFF" d="M391.26,82.046h-15.751c-0.724,0-1.312-0.588-1.312-1.312c0-0.726,0.588-1.313,1.312-1.313h15.751
									c0.725,0,1.312,0.587,1.312,1.313C392.572,81.458,391.985,82.046,391.26,82.046"></path>
					<path fill="#FFFFFF" d="M403.735,88.417h-10.104c-0.725,0-1.312-0.588-1.312-1.312c0-0.725,0.587-1.313,1.312-1.313h10.104
									c0.725,0,1.312,0.588,1.312,1.313C405.047,87.83,404.46,88.417,403.735,88.417"></path>

					<line fill="none" stroke="#333333" stroke-width="2" stroke-miterlimit="10" x1="420.339" y1="101.505" x2="438.549" y2="119.715"></line>
					<polygon fill="#333333" points="433.991,122.209 443.623,124.79 441.043,115.158 		"></polygon>
				</g>
				<!--- Donations --->
				<g id="Events" aria-label="Click to learn about our Events" tabindex="0">
					<text font-size="14" transform="matrix(1 0 0 1 697.1563 77.8418)">EVENTS</text>
					<rect x="600" y="30" fill="transparent" width="165" height="95"></rect>
					<path class="BGCircle" fill="#333333" d="M674.339,101.505c-15.621,15.621-40.948,15.621-56.569,0s-15.621-40.948,0-56.569s40.948-15.621,56.569,0
											     S689.96,85.884,674.339,101.505"></path>
					<path fill="#FFFFFF" d="M663.094,56.239h-3.992v2.625h3.992c0.609,0,1.125,0.515,1.125,1.125v6.912h-36.328v-6.912
									c0-0.61,0.516-1.125,1.125-1.125h4.787v3.357c0,0.725,0.587,1.313,1.313,1.313s1.313-0.588,1.313-1.313v-3.357h0.008v-2.625
									h-0.008v-2.748c0-0.725-0.587-1.313-1.313-1.313s-1.313,0.588-1.313,1.313v2.748h-4.787c-2.063,0-3.75,1.687-3.75,3.75v30.525
									c0,2.062,1.688,3.75,3.75,3.75h34.078c2.063,0,3.75-1.688,3.75-3.75V59.989C666.844,57.926,665.156,56.239,663.094,56.239
									M663.094,91.639h-34.078c-0.609,0-1.125-0.515-1.125-1.125V69.526h36.328v20.988C664.219,91.124,663.703,91.639,663.094,91.639"></path>
					<path fill="#FFFFFF" d="M653.49,62.221c0,0.725,0.587,1.312,1.312,1.312c0.727,0,1.313-0.587,1.313-1.312V53.49
									c0-0.724-0.587-1.312-1.313-1.312c-0.725,0-1.312,0.588-1.312,1.312v2.749h-4.214v2.625h4.214V62.221z"></path>
					<path fill="#FFFFFF" d="M643.646,62.221c0,0.725,0.587,1.312,1.313,1.312s1.313-0.587,1.313-1.312v-3.357h0.005v-2.625h-0.005
									V53.49c0-0.724-0.587-1.312-1.313-1.312s-1.313,0.588-1.313,1.312v2.749h-4.211v2.625h4.211V62.221z"></path>
					<rect x="632.646" y="79.11" fill="#FFFFFF" width="3" height="3"></rect>
					<rect x="638.628" y="79.11" fill="#FFFFFF" width="3" height="3"></rect>
					<rect x="644.609" y="79.11" fill="#FFFFFF" width="3" height="3"></rect>
					<rect x="650.59" y="79.11" fill="#FFFFFF" width="3.001" height="3"></rect>
					<rect x="656.572" y="79.11" fill="#FFFFFF" width="3" height="3"></rect>
					<rect x="638.628" y="73.122" fill="#FFFFFF" width="3" height="3"></rect>
					<rect x="644.609" y="73.122" fill="#FFFFFF" width="3" height="3"></rect>
					<rect x="650.59" y="73.122" fill="#FFFFFF" width="3.001" height="3"></rect>
					<rect x="656.572" y="73.122" fill="#FFFFFF" width="3" height="3"></rect>
					<rect x="632.646" y="85.097" fill="#FFFFFF" width="3" height="3"></rect>
					<rect x="638.628" y="85.097" fill="#FFFFFF" width="3" height="3"></rect>
					<rect x="644.609" y="85.097" fill="#FFFFFF" width="3" height="3"></rect>
					<rect x="650.59" y="85.097" fill="#FFFFFF" width="3.001" height="3"></rect>

					<line fill="none" stroke="#333333" stroke-width="2" stroke-miterlimit="10" x1="617.771" y1="101.505" x2="599.561" y2="119.715"></line>
					<polygon fill="#333333" points="597.066,115.158 594.486,124.79 604.118,122.209 		"></polygon>
				</g>
				<!-- Events -->
				<g id="BosmaVisionary" aria-label="Click to learn about the Bosma Visionary Opportunities Foundation" tabindex="0">
					<text font-size="14" transform="matrix(1 0 0 1 520.8931 218.7544)">
						<tspan text-anchor="middle" x="0">BOSMA VISIONARY </tspan>
						<tspan text-anchor="middle" x="0" dy="1.2em">OPPORTUNITIES</tspan>
						<tspan text-anchor="middle" x="0" dy="1.2em">FOUNDATION</tspan>
					</text>
					<path fill="#333333" d="M530.681,186.227h-23.789c-0.724,0-1.312,0.588-1.312,1.313v4.634c0,0.724,0.588,1.312,1.312,1.312h23.789
									c0.724,0,1.312-0.588,1.312-1.312v-4.634C531.992,186.815,531.404,186.227,530.681,186.227 M529.367,190.861h-21.162v-2.009
									h21.162V190.861z"></path>
					<path fill="#333333" d="M529.95,151.048c-0.019-0.001-0.038-0.007-0.058-0.007h-22.234c-0.019,0-0.038,0.006-0.058,0.007
									c-5.536,0.031-9.866,4.512-9.866,10.23c0,5.735,4.359,10.229,9.924,10.233h0.004h0.001c2.808,0,5.397-1.069,7.288-3.01
									c0.506-0.519,0.92-1.083,1.288-1.688c0.09-0.173,0.129-0.221,0.185-0.338c1.604-3.396-0.047-6.529-0.113-6.649
									c-1.889-3.565-5.711-3.206-5.816-3.196c-3.152,0.189-4.855,1.984-4.796,5.053c0.035,1.897,1.485,3.192,2.336,3.658
									c0.636,0.347,1.433,0.116,1.783-0.52c0.348-0.636,0.115-1.433-0.52-1.782c-0.01-0.005-0.959-0.577-0.975-1.405
									c-0.027-1.42,0.345-2.265,2.376-2.387c0.091-0.01,2.245-0.171,3.295,1.812c0.044,0.085,1.065,2.083,0.126,4.21
									c-0.295,0.503-0.637,0.978-1.048,1.4c-1.393,1.429-3.314,2.217-5.408,2.217h-0.001h-0.003c-4.094-0.002-7.3-3.344-7.3-7.608
									c0-4.267,3.206-7.609,7.299-7.609c0.031,0,0.06,0.005,0.089,0.005l-0.007-0.008h22.071l-0.009,0.008
									c0.031,0,0.06-0.005,0.09-0.005c4.093,0,7.299,3.342,7.299,7.609c0,4.264-3.206,7.606-7.301,7.608h-0.002
									c-2.774,0-5.103-1.365-6.407-3.497c-0.002-0.003-0.003-0.007-0.004-0.01c-1.025-2.168,0.034-4.233,0.083-4.325
									c1.048-1.977,3.201-1.818,3.339-1.804c1.985,0.119,2.356,0.964,2.33,2.384c-0.017,0.83-0.945,1.387-0.986,1.41
									c-0.627,0.352-0.856,1.144-0.509,1.777c0.348,0.636,1.145,0.869,1.781,0.52c0.852-0.466,2.302-1.761,2.338-3.658
									c0.058-3.069-1.645-4.864-4.738-5.049c-0.158-0.014-3.986-0.373-5.867,3.18c-0.072,0.13-1.691,3.195-0.209,6.531l0.182,0.332
									c1.772,2.918,4.953,4.834,8.668,4.834h0.005c5.563-0.003,9.923-4.498,9.923-10.233C539.816,155.561,535.487,151.08,529.95,151.048
									"></path>
					<path fill="#333333" d="M514.898,171.482v12.524h2.625v-15.104C516.934,169.694,516.075,170.632,514.898,171.482"></path>
					<path fill="#333333" d="M520.048,168.931v15.075h2.625v-12.509C521.501,170.654,520.641,169.721,520.048,168.931"></path>
					<path fill="#333333" d="M525.746,173.081v10.926h2.625v-10.314C527.409,173.572,526.54,173.356,525.746,173.081"></path>
					<path fill="#333333" d="M509.202,173.688v10.318h2.625v-10.933C511.032,173.35,510.165,173.566,509.202,173.688"></path>
					<circle class="BGCircleInner" fill="transparent" stroke="#333333" stroke-width="6" stroke-miterlimit="10" cx="518.776" cy="201.429" r="100"></circle>
				</g>
				<!--- BOSMA VISIONARY -->
				<g id="Products" aria-label="Click to learn about our Products" tabindex="0">
					<line fill="none" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" x1="343.28" y1="505.081" x2="368.104" y2="505.081"></line>
					<polygon fill="#333333" points="366.645,510.067 375.28,505.081 366.645,500.093 		"></polygon>
					<path class="BGCircle" fill="#333333" d="M263.055,505.5c0,22.092,17.909,40,40,40s40-17.908,40-40c0-22.09-17.909-40-40-40
											     S263.055,483.41,263.055,505.5"></path>
					<text font-size="14" transform="matrix(1 0 0 1 160.665 509.5249)">PRODUCTS</text>
					<rect x="160" y="460" fill="transparent" width="220" height="95"></rect>
					<path fill="#FFFFFF" d="M321.81,491.078l-38.695,0.012l-6.976,10.914l7.045,0.985v17.464l15.203,3.469l23.39-2.313v-18.561
									l8.193-0.445L321.81,491.078z M280.55,499.97l4.009-6.26l11.433-0.006l-4.351,7.814L280.55,499.97z M297.196,520.949l-11.325-2.59
									v-14.996l7.188,1.005l4.137-7.429V520.949z M319.152,519.232l-19.331,1.914v-25.24l5.677,8.024l13.654-0.74V519.232z
									M306.803,501.232l-5.324-7.527l18.977,0.006l4.623,6.529L306.803,501.232z"></path>
				</g>
				<!-- Products -->
				<g id="Programs" aria-label="Click to learn about our many programs and services" tabindex="0">
					<text transform="matrix(1 0 0 1 520.3379 533.9004)" fill="#333333" font-family="'ProximaNova-Extrabld'" font-size="14">
						<tspan text-anchor="middle" x="0">PROGRAMS </tspan>
						<tspan text-anchor="middle" x="0" dy="1.2em">AND SERVICES</tspan>
					</text>
					<path fill="#333333" d="M511.919,477.238h-7.771c-2.922,0-5.314,2.391-5.314,5.314v10.145c0,2.425,1.647,4.479,3.877,5.111v11.372
									h2.625l0.009-13.794h-1.197c-1.482,0-2.689-1.207-2.689-2.689v-10.145c0-1.484,1.207-2.689,2.689-2.689h7.771
									c1.482,0,2.689,1.205,2.689,2.689v10.145c0,1.482-1.207,2.689-2.689,2.689h-1.194l0.005,13.794h2.625v-11.372
									c2.229-0.631,3.878-2.686,3.878-5.111v-10.145C517.233,479.628,514.842,477.238,511.919,477.238"></path>
					<path fill="#333333" d="M535.957,482.974c1.525,0,2.76,1.236,2.76,2.76c0,1.525-1.234,2.761-2.76,2.761s-2.761-1.235-2.761-2.761
									C533.196,484.21,534.432,482.974,535.957,482.974"></path>
					<path fill="#333333" d="M535.957,466.37c1.525,0,2.76,1.236,2.76,2.761s-1.234,2.76-2.76,2.76s-2.761-1.235-2.761-2.76
									S534.432,466.37,535.957,466.37"></path>
					<path fill="#333333" d="M535.957,499.573c1.525,0,2.76,1.235,2.76,2.76c0,1.525-1.234,2.761-2.76,2.761s-2.761-1.235-2.761-2.761
									C533.196,500.808,534.432,499.573,535.957,499.573"></path>
					<path fill="#333333" d="M529.037,501.021h-2.725v-13.973h2.753c0.726,0,1.312-0.589,1.312-1.313c0-0.726-0.586-1.312-1.312-1.312
									h-2.753v-13.981h2.725c0.725,0,1.313-0.589,1.313-1.312c0-0.726-0.588-1.313-1.313-1.313h-4.003c-0.468,0-0.876,0.247-1.108,0.616
									c-0.149,0.213-0.238,0.471-0.238,0.75v15.24H521.2c-0.724,0-1.312,0.586-1.312,1.312c0,0.725,0.588,1.313,1.312,1.313h2.487
									v15.209c0,0.198,0.048,0.385,0.128,0.555c0.192,0.488,0.663,0.834,1.219,0.834h4.003c0.725,0,1.313-0.588,1.313-1.313
									C530.35,501.608,529.762,501.021,529.037,501.021"></path>
					<path fill="#333333" d="M508.035,474.537c3.413,0,6.176-2.766,6.176-6.178c0-3.413-2.764-6.18-6.176-6.18
									c-3.412,0-6.179,2.767-6.179,6.18C501.855,471.771,504.623,474.537,508.035,474.537 M508.035,464.804
									c1.958,0,3.551,1.595,3.551,3.555c0,1.959-1.593,3.553-3.551,3.553c-1.96,0-3.554-1.594-3.554-3.553
									C504.48,466.399,506.074,464.804,508.035,464.804"></path>
					<circle class="BGCircleInner" fill="transparent" stroke="#333333" stroke-width="6" stroke-miterlimit="10" cx="518.775" cy="505.5" r="135"></circle>
				</g>
				<!-- PROGRAMS -->
				<g id="Individuals" aria-label="Click to learn about some of the individuals we assist" tabindex="0">
					<path fill="#333333" d="M534.73,770.242h-4.289v2.625h4.289c1.483,0,2.69,1.205,2.69,2.688v7.396c0,1.48-1.207,2.688-2.69,2.688
									h-1.186l-0.004,11.422h2.625v-9c2.23-0.629,3.88-2.684,3.88-5.109v-7.396C540.046,772.633,537.654,770.242,534.73,770.242"></path>
					<path fill="#333333" d="M502.562,772.867h4.226v-2.625h-4.226c-2.924,0-5.314,2.391-5.314,5.313v7.396
									c0,2.426,1.647,4.48,3.88,5.109v9h2.625l-0.006-11.422h-1.185c-1.482,0-2.689-1.207-2.689-2.688v-7.396
									C499.873,774.072,501.08,772.867,502.562,772.867"></path>
					<path fill="#333333" d="M527.8,770.242c-0.034-0.572-0.157-1.119-0.358-1.629c-0.434-1.096-1.223-2.012-2.223-2.613
									c-0.797-0.479-1.727-0.76-2.717-0.76h-7.773c-0.992,0-1.92,0.281-2.718,0.76c-1,0.602-1.788,1.518-2.223,2.613
									c-0.202,0.51-0.324,1.057-0.359,1.629c-0.005,0.104-0.016,0.207-0.016,0.314v10.145c0,0.686,0.137,1.338,0.375,1.941
									c0.413,1.041,1.146,1.924,2.076,2.523c0.048,0.031,0.098,0.061,0.147,0.09c0.397,0.238,0.827,0.424,1.28,0.555v11.25h2.625
									l0.004-13.672h-0.283h-0.908c-0.646,0-1.23-0.236-1.695-0.617c-0.602-0.494-0.996-1.232-0.996-2.07v-10.145
									c0-0.01,0.004-0.021,0.004-0.031c0.018-1.469,1.215-2.66,2.688-2.66h7.773c1.479,0,2.685,1.203,2.689,2.682v0.01v10.145
									c0,0.809-0.367,1.525-0.934,2.02c-0.473,0.412-1.083,0.668-1.756,0.668h-0.846h-0.348l0.002,13.672h2.625v-11.252
									c0.454-0.129,0.887-0.314,1.283-0.553c0.061-0.037,0.123-0.074,0.184-0.111c0.914-0.6,1.631-1.473,2.039-2.502
									c0.239-0.604,0.375-1.256,0.375-1.941v-10.145C527.816,770.449,527.807,770.346,527.8,770.242"></path>
					<path fill="#333333" d="M518.613,762.992c3.414,0,6.18-2.768,6.18-6.18s-2.766-6.18-6.18-6.18c-3.412,0-6.179,2.768-6.179,6.18
									S515.201,762.992,518.613,762.992 M518.613,753.258c1.961,0,3.555,1.596,3.555,3.555s-1.594,3.555-3.555,3.555
									c-1.959,0-3.554-1.596-3.554-3.555S516.654,753.258,518.613,753.258"></path>
					<path fill="#333333" d="M532.861,767.99c3.412,0,6.178-2.766,6.178-6.178s-2.766-6.178-6.178-6.178s-6.18,2.766-6.18,6.178
									S529.449,767.99,532.861,767.99 M532.861,758.26c1.959,0,3.553,1.594,3.553,3.553s-1.594,3.553-3.553,3.553
									s-3.555-1.594-3.555-3.553S530.902,758.26,532.861,758.26"></path>
					<path fill="#333333" d="M504.431,767.99c3.412,0,6.179-2.766,6.179-6.178s-2.767-6.178-6.179-6.178
									c-3.413,0-6.179,2.766-6.179,6.178S501.018,767.99,504.431,767.99 M504.431,758.26c1.96,0,3.554,1.594,3.554,3.553
									s-1.594,3.553-3.554,3.553c-1.958,0-3.554-1.594-3.554-3.553S502.473,758.26,504.431,758.26"></path>
					<text transform="matrix(1 0 0 1 520.3379 821.9922)" fill="#333333" font-family="'ProximaNova-Extrabld'" font-size="14">
						<tspan text-anchor="middle" x="0">INDIVIDUALS WHO </tspan>
						<tspan text-anchor="middle" x="0" dy="1.2em">ARE BLIND OR </tspan>
						<tspan text-anchor="middle" x="0" dy="1.2em">VISUALLY IMPAIRED </tspan>
					</text>
					<circle class="BGCircleInner" fill="transparent" stroke="#333333" stroke-width="6" stroke-miterlimit="10" cx="518.776" cy="811.43" r="100"></circle>
				</g>
				<!--- INDIVIDUALS -->
				<g id="Employment" aria-label="Click to learn about employment at Bosma" tabindex="0">
					<path class="BGCircle" fill="#333333" d="M363.771,711.506c15.621,15.621,40.948,15.621,56.569,0s15.621-40.949,0-56.57s-40.948-15.621-56.569,0
											     C348.149,670.557,348.149,695.885,363.771,711.506"></path>
					<text font-size="14" transform="matrix(1 0 0 1 230.1685 687.5234)">EMPLOYMENT</text>
					<path fill="#FFFFFF" d="M382.403,675.689c-2.975,0-5.386,2.412-5.386,5.387s2.411,5.387,5.386,5.387s5.382-2.412,5.382-5.387
									S385.378,675.689,382.403,675.689 M382.403,683.838c-1.523,0-2.761-1.238-2.761-2.762s1.238-2.762,2.761-2.762
									c1.52,0,2.757,1.238,2.757,2.762S383.923,683.838,382.403,683.838"></path>
					<path fill="#FFFFFF" d="M408.016,680.807h-13.301c-0.725,0-1.312-0.588-1.312-1.313s0.587-1.313,1.312-1.313h13.301
									c0.725,0,1.312,0.588,1.312,1.313S408.741,680.807,408.016,680.807"></path>
					<path fill="#FFFFFF" d="M408.016,686.381h-13.301c-0.725,0-1.312-0.588-1.312-1.311c0-0.727,0.587-1.314,1.312-1.314h13.301
									c0.725,0,1.312,0.588,1.312,1.314C409.328,685.793,408.741,686.381,408.016,686.381"></path>
					<path fill="#FFFFFF" d="M408.016,691.957h-13.301c-0.725,0-1.312-0.588-1.312-1.313c0-0.727,0.587-1.313,1.312-1.313h13.301
									c0.725,0,1.312,0.586,1.312,1.313C409.328,691.369,408.741,691.957,408.016,691.957"></path>
					<path fill="#FFFFFF" d="M388.154,661.887v12.373h8.688v-0.113v-12.26H388.154z M394.217,671.635h-3.438v-7.123h3.438V671.635z"></path>
					<path fill="#FFFFFF" d="M412.011,668.783h-12.545v2.625h12.545c0.609,0,1.125,0.518,1.125,1.125v24.271
									c0,0.611-0.516,1.125-1.125,1.125h-21.456c0-0.02,0.003-0.037,0.003-0.057v-4.076c0-2.889-2.363-5.25-5.25-5.25h-5.613
									c-2.888,0-5.25,2.361-5.25,5.25v4.076c0,0.02,0.003,0.037,0.003,0.057H372.1c-0.61,0-1.125-0.514-1.125-1.125v-24.271
									c0-0.607,0.515-1.125,1.125-1.125h13.419v-2.625H372.1c-2.063,0-3.75,1.689-3.75,3.75v24.271c0,2.063,1.687,3.75,3.75,3.75
									h39.911c2.062,0,3.75-1.688,3.75-3.75v-24.271C415.761,670.473,414.073,668.783,412.011,668.783 M387.933,697.873
									c0,0.02-0.005,0.037-0.006,0.057h-10.851c-0.001-0.02-0.006-0.037-0.006-0.057v-4.076c0-1.447,1.177-2.625,2.625-2.625h5.613
									c1.447,0,2.625,1.178,2.625,2.625V697.873z"></path>
					<rect x="230" y="630" fill="transparent" width="220" height="95"></rect>
				</g>
				<!--- EMPLOYMENT --->
				<g id="Community" aria-label="Click to learn about our community efforts" tabindex="0">
					<path class="BGCircle" fill="#333333" d="M674.339,711.506c-15.621,15.621-40.948,15.621-56.569,0s-15.621-40.949,0-56.57s40.948-15.621,56.569,0
											     S689.96,695.885,674.339,711.506"></path>
					<text transform="matrix(1 0 0 1 697.1504 687.5254)" fill="#333333" font-family="'ProximaNova-Extrabld'" font-size="14">COMMUNITY</text>
					<path fill="#FFFFFF" d="M639.193,673.703c0-1.447,1.178-2.625,2.625-2.625h8.473c1.448,0,2.625,1.178,2.625,2.625v3.012h2.625
									v-3.012c0-2.887-2.362-5.25-5.25-5.25h-8.473c-2.888,0-5.25,2.363-5.25,5.25v3.012h2.625V673.703z"></path>
					<path fill="#FFFFFF" d="M624.943,699.756c0-1.447,1.178-2.625,2.625-2.625h8.473c1.447,0,2.625,1.178,2.625,2.625v3.311h2.625
									v-3.311c0-2.889-2.362-5.25-5.25-5.25h-8.473c-2.888,0-5.25,2.361-5.25,5.25v3.311h2.625V699.756z"></path>
					<path fill="#FFFFFF" d="M652.551,686.977c-0.076-0.338-0.279-0.625-0.564-0.807l-4.566-3.156c-0.057-0.035-0.092-0.1-0.092-0.168
									v-5.277c0-0.715-0.581-1.297-1.297-1.297c-0.715,0-1.297,0.582-1.297,1.297v5.309c0,0.068-0.035,0.133-0.101,0.174l-4.501,3.113
									c-0.294,0.188-0.498,0.475-0.574,0.813c-0.074,0.336-0.016,0.684,0.17,0.979c0.372,0.586,1.182,0.787,1.797,0.4l4.424-3.068
									c0.065-0.041,0.152-0.037,0.205-0.004l4.438,3.076c0.208,0.131,0.446,0.201,0.691,0.201c0.447,0,0.858-0.227,1.1-0.605
									C652.566,687.66,652.626,687.313,652.551,686.977"></path>
					<path fill="#FFFFFF" d="M653.443,699.756c0-1.447,1.178-2.625,2.625-2.625h8.473c1.448,0,2.625,1.178,2.625,2.625v3.311h2.625
									v-3.311c0-2.889-2.362-5.25-5.25-5.25h-8.473c-2.888,0-5.25,2.361-5.25,5.25v3.311h2.625V699.756z"></path>
					<path fill="#FFFFFF" d="M645.939,655.375c-2.995,0-5.424,2.426-5.424,5.422s2.429,5.424,5.424,5.424
									c2.994,0,5.417-2.428,5.417-5.424S648.934,655.375,645.939,655.375 M645.939,663.596c-1.542,0-2.799-1.256-2.799-2.799
									c0-1.541,1.257-2.797,2.799-2.797c1.539,0,2.792,1.256,2.792,2.797C648.731,662.34,647.479,663.596,645.939,663.596"></path>
					<path fill="#FFFFFF" d="M660.189,681.426c-2.995,0-5.423,2.43-5.423,5.424c0,2.996,2.428,5.424,5.423,5.424
									c2.994,0,5.417-2.428,5.417-5.424C665.606,683.855,663.184,681.426,660.189,681.426 M660.189,689.648
									c-1.542,0-2.798-1.256-2.798-2.799c0-1.541,1.256-2.799,2.798-2.799c1.54,0,2.792,1.258,2.792,2.799
									C662.981,688.393,661.729,689.648,660.189,689.648"></path>
					<path fill="#FFFFFF" d="M631.689,692.273c2.994,0,5.417-2.428,5.417-5.424s-2.423-5.422-5.417-5.422
									c-2.995,0-5.424,2.426-5.424,5.422S628.694,692.273,631.689,692.273 M631.689,684.053c1.539,0,2.792,1.254,2.792,2.797
									s-1.253,2.799-2.792,2.799c-1.542,0-2.799-1.256-2.799-2.799S630.147,684.053,631.689,684.053"></path>
					<rect x="600" y="630" fill="transparent" width="220" height="95"></rect>
				</g>
				<!-- Community -->
				<g id="Independence" aria-label="Click to learn about our efforts to help provide independence" tabindex="0">
					<path class="BGCircle" fill="#333333" d="M298.055,811.43c0,22.09,17.909,40,40,40s40-17.91,40-40c0-22.092-17.909-40-40-40
											     S298.055,789.338,298.055,811.43"></path>
					<path fill="#FFFFFF" d="M341.835,795.959h-8.158c-2.062,0-3.75,1.688-3.75,3.75v10.178c0,1.842,1.348,3.375,3.104,3.686v9.301
									h2.625l0.005-11.861h-1.984c-0.61,0-1.125-0.514-1.125-1.125v-10.178c0-0.609,0.515-1.125,1.125-1.125h8.158
									c0.61,0,1.125,0.516,1.125,1.125v10.178c0,0.611-0.515,1.125-1.125,1.125h-1.98v11.861h2.625v-9.301
									c1.757-0.311,3.105-1.842,3.105-3.686v-10.178C345.585,797.646,343.898,795.959,341.835,795.959"></path>
					<path fill="#FFFFFF" d="M320.646,837.502h-2.625v-5.129c0-0.725,0.587-1.313,1.313-1.313h10.761v-4.229
									c0-0.725,0.587-1.311,1.312-1.311h13.312c0.725,0,1.313,0.586,1.313,1.311v4.17h10.744c0.725,0,1.313,0.588,1.313,1.311v5.158
									h-2.625v-3.844h-10.745c-0.725,0-1.312-0.59-1.312-1.314v-4.166H332.72v4.227c0,0.725-0.587,1.313-1.313,1.313h-10.761V837.502z"></path>
					<path fill="#FFFFFF" d="M337.756,783.146c-2.903,0-5.257,2.352-5.257,5.258c0,2.904,2.354,5.258,5.257,5.258
									c2.905,0,5.256-2.354,5.256-5.258C343.012,785.498,340.662,783.146,337.756,783.146 M337.756,791.037
									c-1.452,0-2.632-1.182-2.632-2.633c0-1.453,1.18-2.633,2.632-2.633c1.451,0,2.631,1.18,2.631,2.633
									C340.387,789.855,339.208,791.037,337.756,791.037"></path>
					<text transform="matrix(1 0 0 1 163.333 815.498)" fill="#333333" font-size="14">INDEPENDENCE</text>
					<rect x="160" y="760" fill="transparent" width="220" height="95"></rect>
				</g>
				<!-- Independence -->
				<g id="Freedom" aria-label="Click to learn about the our work to increase freedom" tabindex="0">
					<path class="BGCircle" fill="#333333" d="M740.055,811.43c0,22.09-17.909,40-40,40s-40-17.91-40-40c0-22.092,17.909-40,40-40
											     S740.055,789.338,740.055,811.43"></path>
					<text transform="matrix(1 0 0 1 751.4004 815.498)" fill="#333333" font-family="'ProximaNova-Extrabld'" font-size="14">FREEDOM</text>
					<path fill="#FFFFFF" d="M678.425,798.789c-0.327,0-0.653-0.125-0.902-0.375l-1.066-1.07c-0.496-0.498-0.495-1.305,0.003-1.801
									c0.497-0.496,1.305-0.496,1.8,0.004l1.068,1.07c0.496,0.498,0.495,1.305-0.003,1.801
									C679.075,798.664,678.75,798.789,678.425,798.789"></path>
					<path fill="#FFFFFF" d="M684.535,804.92c-0.327,0-0.652-0.125-0.901-0.375l-1.067-1.07c-0.497-0.496-0.496-1.305,0.002-1.801
									c0.498-0.498,1.303-0.496,1.801,0.004l1.068,1.07c0.496,0.498,0.495,1.303-0.003,1.801
									C685.186,804.795,684.86,804.92,684.535,804.92"></path>
					<path fill="#FFFFFF" d="M679.623,806.229c-0.11,0-0.221-0.016-0.333-0.045c-0.678-0.184-1.08-0.883-0.897-1.561l0.395-1.461
									c0.183-0.678,0.881-1.08,1.561-0.896s1.08,0.881,0.897,1.561l-0.395,1.461C680.698,805.854,680.184,806.229,679.623,806.229"></path>
					<path fill="#FFFFFF" d="M681.877,797.871c-0.109,0-0.221-0.016-0.332-0.045c-0.679-0.184-1.08-0.883-0.897-1.561l0.394-1.461
									c0.184-0.678,0.881-1.078,1.562-0.896c0.679,0.182,1.08,0.881,0.896,1.561l-0.394,1.461
									C682.952,797.496,682.438,797.871,681.877,797.871"></path>
					<path fill="#FFFFFF" d="M684.397,800.4c-0.563,0-1.078-0.375-1.229-0.945c-0.182-0.68,0.224-1.377,0.902-1.559l1.463-0.389
									c0.679-0.184,1.376,0.223,1.557,0.902s-0.223,1.377-0.903,1.559l-1.461,0.389C684.615,800.387,684.506,800.4,684.397,800.4"></path>
					<path fill="#FFFFFF" d="M676.033,802.627c-0.563,0-1.078-0.375-1.23-0.945c-0.181-0.68,0.224-1.377,0.903-1.559l1.462-0.389
									c0.681-0.182,1.376,0.223,1.557,0.902s-0.223,1.377-0.903,1.559l-1.461,0.389C676.251,802.613,676.141,802.627,676.033,802.627"></path>
					<path fill="#FFFFFF" d="M686.941,824.955c-0.4,0-0.793-0.188-1.042-0.539l-1.368-1.938c-0.406-0.576-0.27-1.369,0.305-1.775
									s1.368-0.27,1.775,0.305l1.369,1.939c0.404,0.574,0.268,1.369-0.307,1.775C687.451,824.879,687.194,824.955,686.941,824.955"></path>
					<path fill="#FFFFFF" d="M694.773,836.051c-0.399,0-0.793-0.186-1.042-0.537l-1.367-1.939c-0.406-0.574-0.27-1.369,0.305-1.775
									c0.574-0.404,1.368-0.268,1.774,0.307l1.369,1.938c0.405,0.576,0.269,1.369-0.306,1.775
									C695.284,835.977,695.027,836.051,694.773,836.051"></path>
					<path fill="#FFFFFF" d="M686.827,836.777c-0.179,0-0.36-0.037-0.533-0.117c-0.638-0.295-0.916-1.051-0.622-1.691l0.995-2.154
									c0.293-0.637,1.051-0.914,1.689-0.619c0.638,0.293,0.917,1.051,0.621,1.688l-0.994,2.154
									C687.769,836.502,687.308,836.777,686.827,836.777"></path>
					<path fill="#FFFFFF" d="M692.521,824.445c-0.179,0-0.359-0.037-0.532-0.117c-0.639-0.295-0.916-1.051-0.622-1.691l0.995-2.152
									c0.293-0.639,1.052-0.918,1.688-0.621c0.638,0.293,0.917,1.051,0.622,1.688l-0.995,2.154
									C693.463,824.17,693.002,824.445,692.521,824.445"></path>
					<path fill="#FFFFFF" d="M695.752,829.023c-0.651,0-1.206-0.496-1.267-1.156c-0.063-0.699,0.452-1.32,1.152-1.385l2.362-0.215
									c0.698-0.059,1.32,0.453,1.385,1.152c0.063,0.699-0.452,1.32-1.152,1.385l-2.364,0.215
									C695.829,829.023,695.79,829.023,695.752,829.023"></path>
					<path fill="#FFFFFF" d="M682.226,830.26c-0.651,0-1.206-0.498-1.267-1.158c-0.063-0.699,0.452-1.32,1.152-1.383l2.363-0.217
									c0.698-0.07,1.319,0.453,1.384,1.152c0.063,0.701-0.452,1.32-1.152,1.385l-2.364,0.215
									C682.303,830.258,682.264,830.26,682.226,830.26"></path>
					<path fill="#FFFFFF" d="M718.765,807.652c-0.083,0-0.168-0.008-0.252-0.025l-1.679-0.336c-0.689-0.139-1.137-0.809-0.997-1.498
									c0.139-0.689,0.815-1.135,1.498-0.998l1.679,0.336c0.689,0.139,1.136,0.811,0.998,1.5
									C719.89,807.236,719.358,807.652,718.765,807.652"></path>
					<path fill="#FFFFFF" d="M722.176,803.834c-0.595,0-1.128-0.42-1.246-1.025c-0.138-0.689,0.312-1.359,1.002-1.496l5.071-1
									c0.688-0.145,1.36,0.311,1.496,1.002c0.136,0.689-0.313,1.357-1.002,1.496l-5.073,1
									C722.341,803.828,722.258,803.834,722.176,803.834"></path>
					<path fill="#FFFFFF" d="M704.636,804.82c-0.083,0-0.167-0.008-0.251-0.025l-1.68-0.336c-0.689-0.139-1.137-0.809-0.998-1.498
									c0.138-0.689,0.811-1.139,1.498-0.998l1.679,0.336c0.689,0.139,1.137,0.809,0.999,1.498
									C705.762,804.402,705.229,804.82,704.636,804.82"></path>
					<path fill="#FFFFFF" d="M694.467,809.303c-0.595,0-1.128-0.42-1.246-1.027c-0.138-0.689,0.312-1.359,1.002-1.496l5.071-1
									c0.682-0.145,1.359,0.313,1.495,1.002c0.136,0.691-0.312,1.361-1.002,1.496l-5.072,1
									C694.632,809.295,694.549,809.303,694.467,809.303"></path>
					<path fill="#FFFFFF" d="M717.281,796.486c-0.243,0-0.49-0.07-0.708-0.215c-0.583-0.393-0.738-1.184-0.348-1.768l2.879-4.295
									c0.392-0.582,1.181-0.742,1.767-0.348c0.583,0.391,0.739,1.182,0.349,1.766l-2.879,4.295
									C718.095,796.287,717.692,796.486,717.281,796.486"></path>
					<path fill="#FFFFFF" d="M701.555,819.945c-0.243,0-0.49-0.07-0.708-0.215c-0.583-0.393-0.739-1.184-0.348-1.768l2.879-4.293
									c0.393-0.584,1.183-0.74,1.767-0.35c0.583,0.393,0.739,1.184,0.349,1.768l-2.879,4.293
									C702.368,819.746,701.965,819.945,701.555,819.945"></path>
					<path fill="#FFFFFF" d="M708.624,794.75c-0.595,0-1.128-0.42-1.247-1.027l-1.001-5.072c-0.136-0.689,0.313-1.359,1.003-1.494
									c0.684-0.139,1.359,0.311,1.495,1.002l1,5.072c0.136,0.689-0.313,1.359-1.002,1.496
									C708.789,794.742,708.706,794.75,708.624,794.75"></path>
					<path fill="#FFFFFF" d="M714.093,822.459c-0.596,0-1.128-0.42-1.247-1.025l-1.002-5.074c-0.137-0.689,0.313-1.359,1.002-1.494
									c0.685-0.143,1.359,0.311,1.496,1l1.001,5.074c0.136,0.689-0.313,1.359-1.002,1.496
									C714.258,822.451,714.175,822.459,714.093,822.459"></path>
					<path fill="#FFFFFF" d="M701.275,799.645c-0.243,0-0.49-0.07-0.708-0.217l-4.294-2.879c-0.583-0.391-0.739-1.182-0.349-1.766
									c0.392-0.582,1.182-0.742,1.767-0.348l4.294,2.877c0.584,0.393,0.739,1.184,0.349,1.768
									C702.089,799.445,701.687,799.645,701.275,799.645"></path>
					<path fill="#FFFFFF" d="M724.735,815.371c-0.243,0-0.49-0.07-0.708-0.215l-4.294-2.879c-0.584-0.393-0.74-1.184-0.349-1.768
									s1.181-0.74,1.767-0.35l4.294,2.879c0.584,0.393,0.74,1.184,0.349,1.768C725.549,815.174,725.146,815.371,724.735,815.371"></path>
					<path fill="#FFFFFF" d="M712.109,799.844c-0.083,0-0.167-0.008-0.251-0.025c-0.69-0.139-1.138-0.809-0.999-1.498l0.337-1.678
									c0.137-0.691,0.808-1.139,1.497-1s1.137,0.809,0.999,1.498l-0.336,1.68C713.235,799.426,712.703,799.844,712.109,799.844"></path>
					<path fill="#FFFFFF" d="M709.276,813.971c-0.083,0-0.168-0.008-0.252-0.023c-0.689-0.139-1.137-0.811-0.998-1.498l0.337-1.68
									c0.14-0.689,0.813-1.131,1.499-0.998c0.688,0.139,1.136,0.811,0.997,1.5l-0.336,1.678
									C710.401,813.555,709.87,813.971,709.276,813.971"></path>
					<path fill="#FFFFFF" d="M716.145,802.549c-0.412,0-0.815-0.199-1.061-0.568c-0.391-0.586-0.231-1.375,0.354-1.766l1.426-0.947
									c0.586-0.391,1.376-0.229,1.766,0.354c0.389,0.586,0.229,1.377-0.355,1.766l-1.425,0.949
									C716.632,802.48,716.387,802.549,716.145,802.549"></path>
					<path fill="#FFFFFF" d="M704.151,810.537c-0.412,0-0.816-0.199-1.062-0.568c-0.39-0.586-0.23-1.375,0.354-1.766l1.426-0.949
									c0.583-0.389,1.374-0.23,1.766,0.355c0.389,0.584,0.229,1.375-0.355,1.766l-1.425,0.949
									C704.639,810.467,704.394,810.537,704.151,810.537"></path>
					<path fill="#FFFFFF" d="M707.342,800.783c-0.412,0-0.816-0.199-1.061-0.566l-0.949-1.424c-0.391-0.586-0.232-1.377,0.353-1.766
									c0.584-0.393,1.376-0.232,1.766,0.352l0.949,1.426c0.391,0.584,0.232,1.375-0.353,1.766
									C707.83,800.715,707.584,800.783,707.342,800.783"></path>
					<path fill="#FFFFFF" d="M715.329,812.777c-0.412,0-0.816-0.199-1.062-0.568l-0.949-1.424c-0.389-0.586-0.229-1.375,0.355-1.766
									c0.586-0.391,1.376-0.23,1.765,0.354l0.948,1.426c0.391,0.586,0.231,1.375-0.354,1.766
									C715.815,812.709,715.57,812.777,715.329,812.777"></path>
					<rect x="660" y="760" fill="transparent" width="180" height="95"></rect>
				</g>
				<!-- Freedom -->
				<g id="SelfSufficiency" aria-label="Click to learn about how we teach self-sufficiency" tabindex="0">
					<path class="BGCircle" fill="#333333" d="M363.771,966.064c15.621,15.621,40.948,15.621,56.569,0s15.621-40.949,0-56.57s-40.948-15.621-56.569,0
											     C348.149,925.115,348.149,950.443,363.771,966.064"></path>
					<text font-size="14" transform="matrix(1 0 0 1 193.3623 943.502)">SELF-SUFFICIENCY</text>
					<path fill="#FFFFFF" d="M409.321,917.707c-2.949,0-5.338,2.389-5.338,5.334c0,2.947,2.389,5.336,5.338,5.336
									c2.95,0,5.339-2.389,5.339-5.336C414.66,920.096,412.271,917.707,409.321,917.707 M409.321,925.752
									c-1.496,0-2.713-1.217-2.713-2.711s1.217-2.709,2.713-2.709c1.497,0,2.714,1.215,2.714,2.709S410.818,925.752,409.321,925.752"></path>
					<path fill="#FFFFFF" d="M394.584,955.594v-8.506c0-0.725-0.588-1.313-1.312-1.313h-7.892c-0.725,0-1.312,0.588-1.312,1.313v8.506
									h-8.565v-15.359l13.787-12.348l9.832,8.752v-0.727c0-0.85,0.148-1.664,0.407-2.428l-9.37-8.338
									c-0.498-0.443-1.251-0.443-1.748,0.004l-15.097,13.52c-0.278,0.248-0.436,0.604-0.436,0.977v17.26
									c0,0.727,0.587,1.313,1.312,1.313h12.497l0.006-9.818h5.266l0.004,9.818h10.329v-2.625H394.584z"></path>
					<path fill="#FFFFFF" d="M402.7,929.496l-12.576-10.912c-0.495-0.43-1.23-0.428-1.722,0.002l-8.026,7.002v-2.301
									c0-0.723-0.588-1.313-1.313-1.313h-4.93c-0.725,0-1.313,0.59-1.313,1.313v8.891l-5.53,4.824c-0.546,0.477-0.603,1.305-0.126,1.852
									c0.476,0.547,1.306,0.604,1.852,0.127l6.436-5.615l-0.007-8.766h2.306l0.001,6.76l11.514-10.045l11.467,9.949
									C401.279,930.564,401.946,929.967,402.7,929.496"></path>
					<path fill="#FFFFFF" d="M411.955,930.598h-5.266c-2.924,0-5.316,2.391-5.316,5.314v7.305c0,2.16,1.308,4.029,3.17,4.855v10.1
									l2.625,0.004l0.01-12.268h-0.489c-1.484,0-2.691-1.207-2.691-2.691v-7.305c0-1.482,1.207-2.689,2.691-2.689h5.266
									c1.482,0,2.689,1.207,2.689,2.689v7.305c0,1.484-1.207,2.691-2.689,2.691h-0.489l0.01,12.268h2.625v-10.104
									c1.86-0.828,3.168-2.695,3.168-4.855v-7.305C417.269,932.988,414.877,930.598,411.955,930.598"></path>
					<rect x="195" y="890" fill="transparent" width="240" height="95"></rect>
				</g>
				<!--- Self-Sufficiency -->
				<g id="Confidence" aria-label="Click to learn about the many confidence building experiences we provide" tabindex="0">
					<path class="BGCircle" fill="#333333" d="M674.339,966.064c-15.621,15.621-40.948,15.621-56.569,0s-15.621-40.949,0-56.57s40.948-15.621,56.569,0
											     S689.96,950.443,674.339,966.064"></path>
					<text transform="matrix(1 0 0 1 697.1504 943.502)" fill="#333333" font-family="'ProximaNova-Extrabld'" font-size="14">CONFIDENCE</text>
					<polygon fill="#FFFFFF" points="626.42,954.762 626.42,920.85 623.795,920.85 623.795,957.291 623.801,957.387 668.282,957.387 
										  668.282,954.762 		"></polygon>
					<path fill="#FFFFFF" d="M633.285,942.838c0-0.518,0.42-0.938,0.937-0.938h2.412c0.517,0,0.938,0.42,0.938,0.938v8.201h2.625
									v-8.201c0-1.965-1.599-3.564-3.563-3.564h-2.412c-1.964,0-3.562,1.6-3.562,3.564v8.201h2.625V942.838z"></path>
					<path fill="#FFFFFF" d="M645.905,951.002v-15.844c0-0.52,0.42-0.938,0.937-0.938h2.399c0.517,0,0.938,0.418,0.938,0.938v15.844
									c0,0.012-0.008,0.021-0.009,0.037h2.629c0-0.014,0.005-0.025,0.005-0.037v-15.844c0-1.967-1.599-3.563-3.563-3.563h-2.399
									c-1.963,0-3.562,1.596-3.562,3.563v15.844c0,0.012,0.004,0.023,0.004,0.037h2.628
									C645.912,951.023,645.905,951.014,645.905,951.002"></path>
					<path fill="#FFFFFF" d="M664.563,929.568h-4.923c-2.063,0-3.75,1.688-3.75,3.75v6.527c0,1.506,0.904,2.805,2.193,3.398v7.795
									h2.625l0.003-10.068h-1.071c-0.61,0-1.125-0.516-1.125-1.125v-6.527c0-0.609,0.515-1.125,1.125-1.125h4.923
									c0.61,0,1.125,0.516,1.125,1.125v6.527c0,0.609-0.515,1.125-1.125,1.125h-1.067l0.001,10.068h2.625v-7.795
									c1.287-0.594,2.191-1.893,2.191-3.398v-6.527C668.313,931.256,666.627,929.568,664.563,929.568"></path>
					<path fill="#FFFFFF" d="M662.13,927.539c-2.481,0-4.5-2.018-4.5-4.5c0-2.48,2.019-4.5,4.5-4.5c2.48,0,4.5,2.02,4.5,4.5
									C666.63,925.521,664.61,927.539,662.13,927.539 M662.13,920.789c-1.241,0-2.25,1.01-2.25,2.25c0,1.242,1.009,2.25,2.25,2.25
									s2.25-1.008,2.25-2.25C664.38,921.799,663.371,920.789,662.13,920.789"></path>
					<rect x="600" y="890" fill="transparent" width="240" height="95"></rect>
				</g>
				<!-- Confidence -->


				<path fill="none" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" stroke-dasharray="4,8" d="   M638.579,201.429h20.425c13.262,0,25.979,5.268,35.355,14.645l26.137,26.137c9.377,9.377,14.646,22.094,14.646,35.355v296.457
																								    c0,13.26-5.269,25.979-14.646,35.355l-44.998,44.998"></path>
				<polygon fill="#333333" points="640.038,206.416 631.403,201.43 640.038,196.442 		"></polygon>
				<path fill="none" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" stroke-dasharray="4,8" d="
																								    M303.246,559.91v14.35c0,13.262,5.268,25.979,14.645,35.355l45.174,45.174"></path>
				<polygon fill="#333333" points="298.259,561.369 303.246,552.734 308.232,561.369 		"></polygon>
			</svg>
		</div>
		<div class="FlexCell GreenBkg" id="HowWeWorkInfoGraphicText">
			<div class="IntroText DesktopOnly"><h4>Bosma Infographic</h4><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque unde distinctio eaque similique aliquam fugit minima sint accusamus, est impedit voluptatibus doloribus nesciunt ea alias earum atque, magnam mollitia asperiores.</p></div>
			<div id="DonationsText" tabindex="0"><h4> Donations</h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt eius, dicta minus molestiae, impedit distinctio iusto velit totam aliquid error odio eligendi! Soluta, ducimus. Unde totam, laboriosam error dolor vitae.</p>
				<a href="#Donations" class="Minor" aria-label="Click to return back to the infographic">Return to the infographic</a>
			</div>
			<div id="EventsText"  tabindex="0"><h4>Test Events</h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt eius, dicta minus molestiae, impedit distinctio iusto velit totam aliquid error odio eligendi! Soluta, ducimus. Unde totam, laboriosam error dolor vitae.</p>
				<a href="#Events" class="Minor" aria-label="Click to return back to the infographic">Return to the infographic</a>
			</div>
			<div id="BosmaVisionaryText"  tabindex="0"><h4>Test Visionary</h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt eius, dicta minus molestiae, impedit distinctio iusto velit totam aliquid error odio eligendi! Soluta, ducimus. Unde totam, laboriosam error dolor vitae.</p>
				<a href="#BosmaVisionary" class="Minor" aria-label="Click to return back to the infographic">Return to the infographic</a>
			</div>
			<div id="ProgramsText"  tabindex="0"><h4>Test Programs</h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt eius, dicta minus molestiae, impedit distinctio iusto velit totam aliquid error odio eligendi! Soluta, ducimus. Unde totam, laboriosam error dolor vitae.</p>
				<a href="#Programs" class="Minor" aria-label="Click to return back to the infographic">Return to the infographic</a>
			</div>
			<div id="ProductsText" tabindex="0"><h4>Test Products</h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt eius, dicta minus molestiae, impedit distinctio iusto velit totam aliquid error odio eligendi! Soluta, ducimus. Unde totam, laboriosam error dolor vitae.</p>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt eius, dicta minus molestiae, impedit distinctio iusto velit totam aliquid error odio eligendi! Soluta, ducimus. Unde totam, laboriosam error dolor vitae.</p>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt eius, dicta minus molestiae, impedit distinctio iusto velit totam aliquid error odio eligendi! Soluta, ducimus. Unde totam, laboriosam error dolor vitae.</p>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt eius, dicta minus molestiae, impedit distinctio iusto velit totam aliquid error odio eligendi! Soluta, ducimus. Unde totam, laboriosam error dolor vitae.</p>
				<a href="#Products" class="Minor" aria-label="Click to return back to the infographic">Return to the infographic</a>
			</div>
			<div id="EmploymentText" tabindex="0"><h4>Test Employment</h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt eius, dicta minus molestiae, impedit distinctio iusto velit totam aliquid error odio eligendi! Soluta, ducimus. Unde totam, laboriosam error dolor vitae.</p>
				<a href="#Employment" class="Minor" aria-label="Click to return back to the infographic">Return to the infographic</a>
			</div>
			<div id="CommunityText" tabindex="0"><h4>Test Community</h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt eius, dicta minus molestiae, impedit distinctio iusto velit totam aliquid error odio eligendi! Soluta, ducimus. Unde totam, laboriosam error dolor vitae.</p>
				<a href="#Community" class="Minor" aria-label="Click to return back to the infographic">Return to the infographic</a>
			</div>
			<div id="IndependenceText" tabindex="0"><h4>Test Independence</h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt eius, dicta minus molestiae, impedit distinctio iusto velit totam aliquid error odio eligendi! Soluta, ducimus. Unde totam, laboriosam error dolor vitae.</p>
				<a href="#Indepedence" class="Minor" aria-label="Click to return back to the infographic">Return to the infographic</a>
			</div>
			<div id="FreedomText" tabindex="0"><h4>Test Freedom</h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt eius, dicta minus molestiae, impedit distinctio iusto velit totam aliquid error odio eligendi! Soluta, ducimus. Unde totam, laboriosam error dolor vitae.</p>
				<a href="#Freedom" class="Minor" aria-label="Click to return back to the infographic">Return to the infographic</a>
			</div>
			<div id="SelfSufficiencyText" tabindex="0"><h4>Test SelfSufficiency</h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt eius, dicta minus molestiae, impedit distinctio iusto velit totam aliquid error odio eligendi! Soluta, ducimus. Unde totam, laboriosam error dolor vitae.</p>
				<a href="#SelfSufficiency" class="Minor" aria-label="Click to return back to the infographic">Return to the infographic</a>
			</div>
			<div id="ConfidenceText" tabindex="0"><h4>Test Confidence</h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt eius, dicta minus molestiae, impedit distinctio iusto velit totam aliquid error odio eligendi! Soluta, ducimus. Unde totam, laboriosam error dolor vitae.</p>
				<a href="#Confidence" class="Minor" aria-label="Click to return back to the infographic">Return to the infographic</a>
			</div>
			<div id="IndividualsText" tabindex="0"><h4>Test Individuals</h4>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt eius, dicta minus molestiae, impedit distinctio iusto velit totam aliquid error odio eligendi! Soluta, ducimus. Unde totam, laboriosam error dolor vitae.</p>
				<a href="#Confidence" class="Minor" aria-label="Click to return back to the infographic">Return to the infographic</a>
			</div>
		</div>
	</div>
</div>
@import "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-127/BosmaBase.less";

#InfographicContainer { position: relative; svg { max-width: 100%; } }

#HowWeWorkInfographic { 
	text { .PrimaryFont; .ExtraBold; }
	
	g:focus, g:hover, g.Active { .BGCircle { fill: @Green; } .BGCircleInner { stroke: @Green; } }
	g:hover { cursor: pointer; }
	
	g.Active { .SecondaryGreenFill { fill: @Green; } .SecondaryGreenStroke { stroke: @Green; } }
}

#HowWeWorkInfoGraphicText { position: relative;
	> div { padding: 40px; color: white; position: absolute;
		&:not(.IntroText) { display: none; }
		a { height: auto; line-height: 1.75; border-bottom: none !important; text-decoration: underline; }
	h4 { color: white; }
	&.Visible { }
} }



@media only screen and (max-width: 1023px) {
	#HowWeWorkInfoGraphicText { height: 100%; position: absolute; left: 0; width: 100%; display: none; background: rgba(0,177,121,0.95);
		&.Active { display: block; } 
	}
	#InfographicContainer { svg { height: auto; } /**May be bugged in IE11/10 **fix me**/ }
}
View Compiled
$("#HowWeWorkInfographic g").click(function(e) {
	$("#HowWeWorkInfographic g").attr("class", "");
	$(this).attr("class", "Active");
	$("#HowWeWorkInfoGraphicText").addClass("Active");
	ToggleText($(this).attr("id"));
});

$("#HowWeWorkInfographic g").keypress(function(e) {
	var code = e.keyCode || e.which;
	if (code == 32 || code == 13) {
		$("#HowWeWorkInfographic g").attr("class", "");
		$(this).attr("class", "Active");
		$("#HowWeWorkInfoGraphicText").addClass("Active");
		ToggleText($(this).attr("id"));
	}
});

$("#HowWeWorkInfoGraphicText a.Minor").click(function(e) {
	$("#HowWeWorkInfoGraphicText").removeClass("Active");
	if ($(window).width() < 1024) {
		$("#HowWeWorkInfographic g").attr("class", "");
	}
	
});

function ToggleText(TextElement) {
	$("#HowWeWorkInfoGraphicText div").fadeOut(250);
	var FromTop = $("#"+TextElement).position().top - 40;
	if ((FromTop + $("#"+TextElement+"Text").outerHeight()) > $("#HowWeWorkInfoGraphicText").outerHeight()){
		var FromTop = ($("#HowWeWorkInfoGraphicText").outerHeight() - ($("#"+TextElement+"Text").outerHeight()) - 40);
	}
	$("#"+TextElement+"Text").css("top", FromTop);
	setTimeout(function(){
		$("#"+TextElement+"Text").fadeIn();
		$("#"+TextElement+"Text").focus();
	},250); 
	
	
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-127/jquery-2.1.4.min.js