div #flow-chart {
			width: 100%;
			font-size: 150%;
			padding: 0;
		}
		div.row div {
			padding: 0;
			text-align: center;
			margin: .5em auto;
		}
		div.row div.oval-green {
			background-color: #a9d18e;
			border: 3px solid #548235;
			border-radius: 50%;
			color: #193208;
			box-shadow: 5px 5px #c6eeab;
			text-transform: uppercase;
			padding: 1em;
		}
		div.row div.rect-green {
			background-color: #a9d18e;
			border: 3px solid #548235;
			color: #193208;
			border-radius: 25px;
			padding: 1em;
		}
		div.row div.oval-gray {
			background: #44546a;
			border: 3px solid #000;
			border-radius: 50%;
			box-shadow: 5px 5px #bcdfff;
			color: #fff;
			text-transform: uppercase;
			padding: 1em;
		}
		div.row div.rect-blue {
			background-color: #4472c4;
			color: #fff;
			border-radius: 25px;
			padding: 1em;
		}
		div.row div.plus-green {
			background-color: #a9d18e;
			border: 3px solid #548235;
			color: #193208;
			width: 30%;
			font-size: 30px;
			font-weight: bold;
			padding: .5em 1em;
		}
		div.row div.arrow { /* all the arrows point down for mobile devices */
			transform: rotate(90deg);
			color: #b0bcde;
			font-size: 500%;
			padding: 0;
			margin: 0 auto;
		}
		@media screen and (min-width: 992px) {
			div #flow-chart {
				padding: 0 2em;
				font-size: 110%;
			}
			div.col-md-9 div.row div {
				margin: 0 auto;
			}
			div.row div.oval-gray,
			div.row div.oval-green {
				margin-bottom: 2em;
				padding: 2em 1em;
			}
			
			div.row div.arrow {
				transform: none;
			}
			div.row div.arrow.arrow-right {
				transform: none;
			}
			div.row div.arrow.arrow-left {
				transform: rotate(-180deg);
			}
			div.row div.arrow.arrow-down {
				transform: rotate(90deg);
				max-height: 60px;
			}
			div.arrow.arrow-down.pull-right {
				margin-right: 10%;
			}
			div.row div.oval-gray {
				width: 40%;
				margin: auto;
				margin-bottom: 32px;
			}
		}
		@media screen and (min-width: 1200px) {
			div #flow-chart {
				font-size: 125%;
			}
		}