/*
> dark green: #1a9846
> light green: #94c444 
> dark gray: #345253
> light gray: #ededee
blue: #6d6e71
header & footer: #404041
*/
.self_clear:after {content: ""; clear: both; display: table;}
*{font-weight: normal}
.dark_gray{color: #345253}
.dark_green{color: #1a9846}
.dark_blue{color: #6d6e71}
.brown{color: #404041}
.bold700{font-weight: 700}
.bold800{font-weight: 800}
.display_none{display: none}
.sub{font-size: .7em; position: relative; top: -5px;}
h3{font-size: 19px; line-height: 20px}
p{font-size: 16px; line-height: 20px;}
ul{margin: 24px 0 20px 20px; padding-left: 0;}
ul{list-style: none;}
li{font-weight: 800; margin-bottom: 5px; line-height: 20px}
li:before{content: '\2022'; color: #1a9846; font-weight: 800; position: relative; left: -20px; display: block; width: 0; height: 0}
a{text-decoration: none; color:#345253}


html {margin: 0; padding: 0; width: 100%; }
body {background-color: #fff; padding-top: 0; margin: 0; font-family: 'Open Sans', sans-serif; color:#345253; width: 100%; overflow-x: hidden; }
#container {width: 1300px; max-width: 100%; min-height: 1218px; height: calc(100% - 62px); margin: 0 auto; padding: 0 0px 85px 0; background: #fff url('../images/bowling_pins.png') left 0px top 170px no-repeat; position: relative;}
#container.home{padding: 0 0px 62px 0;}
#container.about{padding: 0 0px 112px 0;}
	#container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	#container.no_bg_img{background-image: none}
nav{width: 100%; min-height: 153px; background: #404041; border-bottom: 5px solid #94c444; position: relative;}
	#nav_link_wrapper{float: right; margin: 93px 53px 0 0;}
		#nav_link_wrapper a{color: #fff; text-decoration: none}
		#nav_link_wrapper a:hover, #nav_link_wrapper a.active{color: #94c444}
		#nav_link_wrapper div{display: inline-block; vertical-align: top; font-weight: 700; text-align: center; margin: 0 8px 25px 8px; line-height: 18px}
			#nav_link_wrapper div.thick{margin-top: -8px}
		#services_nav, #leadership_nav{position: relative;}
			#services_nav a, #leadership_nav a{font-weight: 700;}
			#services_nav:hover #services_menu, #leadership_nav:hover #leadership_menu{display: block;}
			#services_nav #services_menu, #leadership_nav #leadership_menu{position: absolute; left: -25px; top: 100%; padding-top: 47px; margin: 0 !important; z-index: 1; width: 200px; display: none;}
				#leadership_nav #leadership_menu{padding-top: 37px}
				#services_nav #sevices_menu a, #leadership_nav #leadership_menu a{display: block;}
				#services_nav #services_menu div, #leadership_nav #leadership_menu div{background: #ededee; color: #345253; padding: 7px 20px; margin: 0; text-align: left; width: 100%; box-sizing: border-box; font-size: 12px; line-height: 14px;}
					#services_nav #services_menu div:hover, #leadership_nav #leadership_menu div:hover{color: #fff; background: #345253}
	#mobile_opener{float: right; width: 25px; height: 15px; background: url('../images/button_menu.png') no-repeat; margin: 12px 10px 12px 0; background-size: contain; display: none;}
	
	#logo > img{float: right; margin: -135px 20px 0 0;}
	#logo > img:nth-of-type(2){float: left; margin: -45px -65px 0 0}
		
		.development #logo > img:nth-of-type(2), .planning #logo > img:nth-of-type(2), .services #logo > img:nth-of-type(2){margin: -65px 0px 8px 0;}
		
/*	#logo #leads{float: right; width: 10px; position: relative; height: 120px; margin: 45px 18px 30px 0;}*/
	#logo #leads{float: right; width: 10px; position: relative; height: 120px; margin: 135px -55px 30px 0;}
		#logo #leads img{float: none; margin: 0; position: absolute; right: 0;}
		#logo #leads img:first-of-type{top: 0}
		#logo #leads img:nth-of-type(2){top: 33px}
		#logo #leads img:nth-of-type(3){top: 66px}
		#logo #leads img:last-of-type{top: 99px}
			
	#headline{min-height: 196px}
	#headline h1{font-size: 55px; font-weight: 800; margin: 20px 0 20px 90px; line-height: 52px}
		.development #headline p{margin: -18px 0 20px 90px; color: #1a9846; font-size: 36px; font-weight: 800}
		.development #headline p img{vertical-align: middle; max-width: 190px}
	#home_wheel {text-align: center; float: right; padding-top: 18px;}
		.wheel {max-width: 100%}
		.wheel > img{max-width: 100%}
		.wheel > svg{max-width: 100%;}
		.wheel > svg path{cursor: pointer}
		#home_wheel .wheel{margin: 10px 0 10px 0; position: relative;}
		#home_wheel .wheel svg{width: 490px; height: 450px}
	.wheel_center_text{position: absolute; width: 100%; padding: 0; margin: 0; font-weight: 800; font-size: 22px; line-height: 22px; width: 210px;}
	.splash_headline{min-height: 100px; box-sizing: border-box; width: width: calc(100% + 60px); padding-left: 60px; background: url('../images/headline_drops.png')left center no-repeat;}
		.splash_headline.top_align{background-position: left top; padding-top: 1px; padding-bottom: 20px;}
		.splash_headline p{font-weight: 800; margin: 0; padding: 0; font-size: 22px; line-height: 27px;}
		.splash_headline.top_align p{margin-top: 37px; margin-bottom: 10px}
	.gray_bg{background-color: rgba(0,0,0,0.07); box-sizing: border-box; padding-left: 55px}
		.gray_bg p, .gray_bg ul, .gray_bg h3{max-width: 370px;}

		/* #events{max-width: 982px; margin: 0 auto; left: 87px; background: #404041; position: relative;} */
		#events{background: url('../images/ribbon-events.png') top left no-repeat; position: relative;}
			#events-ribbon { max-width: 656px; min-height: 96px; background: #a8c540; margin-left: 152px; position: relative;}
			#events-ribbon > p{font-weight: 800; color: #404041; font-size: 22px; line-height: 25px; max-width: 640px; padding: 10px 0; margin: 0;}
			#events-ribbon-arrow { width: 0; height: 0; border-style: solid; border-width: 48px 0 48px 28px; border-color: transparent transparent transparent #a8c540; position: absolute; right: -28px; top: 0;}
			#events-columns { background: #404041; margin: 0 0 0 106px; padding: 10px 0 20px;}
				#events-current {float: left; width: 75%; display: table;}
				#events-current h3{font-weight: bold; font-size: 16px; margin-bottom: 5px;}
				#events-current p{margin-top: 0;}
				#events-archived {float: left; width: 25%;}
				#events .events-row:after, #events-columns:after, #events-current:after, #events-archived:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
				#events .events-row {display: table-row;}
				#events .events-row:first-of-type {margin-bottom: 10px;}
				#events .events-columns-head {font-weight: 800; color: #fff; padding: 0 10px 0 10px;}
				#events .events-columns-content { color: #fff; width: 33%; padding: 0 10px 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 2px solid #94c444; display: table-cell;}
				#events .events-columns-content {border-right: 2px solid #94c444;}
				#events-archived a{color: #fff; text-decoration: underline; font-weight: bold;}
		#events-archived-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0, 0.9); overflow-y: scroll; display: none;}
			#events-archived-overlay > div { max-width: 600px; color: #fff; margin: 0 auto; padding: 20px; }
			#events-archived-overlay h1 {font-weight: bold;}
			#events-archived-overlay h3 {font-size: 16px; font-weight: bold;}
			#events-archived-overlay img {position: absolute; top: 20px; right: 20px; cursor: pointer;}

	.home{}
		.home .splash_headline{margin-top: 12px; color: #6d6e71}
		.home .gray_bg{margin-top: 37px; padding-top: 18px; padding-bottom: 1px;}
		.home .nine.columns{margin-bottom: 232px}/*special to allow the event area to be bottom: 0 and space properly on smaller screens*/
		
	.services{}
		.services #headline{margin-bottom: 58px}
		.services .container{position: relative}
		.services .gray_bg{padding: 30px 0 20px 83px; max-width: 825px}
		.services .gray_bg h3:nth-of-type(2){margin: 35px 0 13px 0}
		.services .gray_bg ul{max-width: 400px}
		.services #services_wheel{position: absolute; width: 450px; max-width: 100%; right: 10px; top: 35px; text-align: center;}
		
	.development{}
		.development .seven.columns{box-sizing: border-box; padding: 10px 20px 20px 20px}
		.development .seven.columns h3{margin-bottom: 0; margin-top: 33px}
		.development .seven.columns h3:first-of-type{margin-bottom: 0; margin-top: 20px}
		#development_ribbon{width: 537px; height: 90px; margin: 30px 0 10px -25px; background: url('../images/ribbon-left.png') no-repeat;}
		.roundtables #development_ribbon{ max-width: calc(100% + 25px); margin: 30px 0 25px -25px; position: relative; background: none; height: auto;}
		#development_ribbon img{position: absolute; left: -12px; top: 0; height: 100%; width: 32px;}
		
			#development_ribbon p{font-size: 20px; line-height: 25px; font-weight: 800; color: #404041; padding: 12px 0 0 38px; width: 500px}
			.recruiting #development_ribbon p{height: 60px; line-height: 48px;}
		.development .gray_bg{padding-left: 85px; padding-bottom: 20px;}
			.development .gray_bg > p:first-of-type{margin-top: -30px}
		.development .gray_bg .splash_headline{margin: 0px 0px -20px -61px; position: relative; top: -11px;}
			.development .gray_bg .splash_headline p{font-size: 21px; line-height: 22px;}
			
	.development.recruiting{}
		.development.recruiting .seven.columns a{color:#345253; text-decoration: none; font-weight: 800}
		.development.recruiting .gray_bg ~ img:last-of-type{margin-top: 110px; max-width: 100%}
		
	.development.social_media .gray_bg > img{margin: 10px 0 50px 0;}
			
	.planning{}
		.planning .splash_headline{color: #6d6e71}
		.planning .seven.columns{box-sizing: border-box; padding: 10px 20px 20px 20px}
		.planning .seven.columns p{max-width: 410px}
		.planning .gray_bg{margin-top: 30px; padding-top: 32px; padding-bottom: 20px}
		
			.planning .planning_circle{width: 122px; height: 122px; border-radius: 50%; float: left; font-weight: 700; font-size: 14px; line-height: 122px; text-align: center; margin-right: 20px;}
				.planning .planning_circle.first{background: #d1d2d4; color: #269c4f;}
				.planning .planning_circle.second{background: #94c444; color: #1a9846}
				.planning .planning_circle.third{background: #1a9846; color: #94c444; font-size: 12px}
			.planning .planning_circle ~ p{float: left; width: 280px; padding: 0; margin: 0;}
			.planning .planning_arrow{height: 20px; width: 21px; margin: 4px 0 4px 52px; background: url('../images/down_caret.png') center center no-repeat;}
			
	.roundtables{}
		.development.roundtables .splash_headline p{max-width: 380px} 
		.roundtables #development_ribbon p{ padding: 8px; width: auto; margin: 0 0 0 20px; background: #a9c540; }
		
	.contact{}
		.contact #development_ribbon p{max-width: 420px}
		
			
	.about{}
		#right_ribbon{width: 800px;height: 90px; max-width: 100%; background: url('../images/ribbon_right.png') no-repeat right top;}
			#right_ribbon p{font-size: 20px; line-height: 25px; font-weight: 800; color: #404041; padding: 12px 0 0 38px; width: 590px; margin-left: 40px;}
		.about_us_gray_bg{box-sizing: border-box; padding: 20px 20px 20px 75px; width: 675px; max-width: 100%; background-color: rgba(0,0,0,0.07); position: relative; min-height: 350px}
		.about_us_gray_bg.first{margin-bottom: 20px;}
			.about_us_gray_bg .splash_headline{margin-left: -60px; margin-top: -12px; margin-bottom: -20px}
			.about_us_gray_bg .splash_headline p{font-size: 19px}
				.about_us_gray_bg > p{margin-right: 15px}
			.about_us_gray_bg .custom_column{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; margin: 0px 0 0 0}
				.about_us_gray_bg .custom_column p{margin-top: 0; margin-right: 15px}
				.about .mug{position: absolute; right: 0px; top: 50px; z-index: 1} 
					.about .mug p{margin-left: 25px}
					.about .mug p:first-of-type{margin-top: 20px}
					.about .mug p.extra_margin{margin-top: 40px}
				.about .add_mug{position: absolute; right: -285px; top: 50px;}
				.about .mug img, .about .add_mug img{max-width: 100%}
	
	
	.project_management .splash_headline p, .retreats .splash_headline p{font-weight: normal; font-size: 16px !important; line-height: 20px !important; margin-top: 39px}
	
	.project_management .gray_bg > p:first-of-type, .retreats .gray_bg > p:first-of-type{margin-top: 20px}
		
		
	.common_form{width: 100%; margin: 42px 0 0 -42px}
	.common_form input[type="text"]{margin-top: 4px; border: 0; outline: 0; border-radius: 0; border-radius: none; font-size: 18px; box-sizing: border-box; padding-left: 15px; height: 30px; background: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
	.name_input, .firm_input, .title_input{width: 100%}
	.phone_input, .email_input{width: 49%; margin-top: 2px}
	.phone_input{float: right; margin-top: 2px}
	
	.common_form input[type="submit"]{visibility: hidden; opacity: 0; height: 0; width: 0}
	
	::-webkit-input-placeholder {color: #345253; font-weight: 700}
	:-moz-placeholder {color: #345253; font-weight: 700}
	::-moz-placeholder {color: #345253; font-weight: 700}
	:-ms-input-placeholder {color: #345253; font-weight: 700}
	
	.common_form input[type='checkbox']{width: 34px; height: 34px; margin: 0px 5px 0 0; border: 0; outline: 0; background: #fff; border-radius: none;} 
	.common_form label{width: calc(100% - 50px); display: inline-block; vertical-align: top; font-size: 15px; line-height: 18px; font-weight: 800; margin-bottom: 20px}
	
	.form_table_wrapper{position: relative;}
	.form_table{border-collapse: collapse; margin-top: 30px; width: 100%;}
	.form_table td{width: 50%; vertical-align: top;} 
		.form_table tr td:first-of-type{padding-right: 10px}
		.form_table tr td:last-of-type{padding-left: 10px}
	
	.vert_line{left: 49%; top: 15px; bottom: 30px; width: 1px; background: #1a9846; position: absolute;}
	
	.form_submit{background: #1a9846; height: 30px; line-height: 30px; width: 260px; max-width: 100%; margin: 10px auto; color: #fff; font-weight: 800; text-align: center; font-size: 16px; cursor: pointer}
		
	footer{position: absolute; left: 0; bottom: 0; min-height: 57px; width: 100%; background: #404041; border-top: 5px solid #94c444}
		footer a{display: inline-block; margin: 15px 19px 0 0}
		footer a:first-of-type{margin-left: 90px}
		#footer_logo{float: right; margin: 15px 10px 0 0}
		
	#design_link{position: absolute; top: -52px; font-size: 10px}
		
	#mobile_menu_overlay{position: fixed; top: 0; left: 0; width: 100%; min-height: 100%; background: rgba( 64, 64, 65, .9); z-index: 10; display: none;}
		#mobile_menu{position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; z-index: 10; font-size: 18px; line-height: 22px; box-sizing: border-box; padding: 15px 20px; display: none;}
			#mobile_menu .close{position: absolute; top: 18px; right: 18px; width: 33px; height: 33px; background: url('../images/button_close.png') no-repeat;}
			#mobile_menu a{text-decoration: none; color: #fff;}
			#mobile_menu a div.tab{padding-left: 10px; color: #bdbec1}
			#mobile_menu a.active div.tab{color: #94c444}
			#mobile_menu a.active{color: #94c444}
			#mobile_menu a div{font-weight: 700; padding: 5px 0}
			#mobile_menu .mobile_menu_sub{background: #616163}
			

/*.container{border: 1px solid red}
.columns{border-bottom: 1px solid #000}*/
.container .nine.columns{box-sizing: border-box; padding-left: 8px;}

	.overflow-hidden { overflow: hidden; }

/* #mark - */

/* EDIT MODE NAV BAR */
#nav-edit-mode { position: fixed; background: #900; width: 100%; z-index: 1000; }
#nav-edit-mode table { width: 100%; max-width: 1100px; position: relative; margin: 0 auto; color: #fff; }
#nav-edit-mode td{ font-family: 'Open Sans', sans-serif; font-weight: 800; vertical-align: middle; height: 36px; }
#nav-edit-mode td:first-child { font-size: 21px; }
#nav-edit-mode td:last-child { text-align: right; }
#nav-edit-mode a {border-radius: 6px; background: #600; border: 1px solid #300; color: #fff; padding: 3px 12px; font-weight: 700}
#nav-edit-mode a.button-disabled { color: rgba(255,255,255, 0.4); cursor: default; }
#nav-edit-mode-overlay, #nav-edit-mode-modal-overlay { background: rgba(0,0,0, 0.6) url('../images/ajax-loader.gif') center center no-repeat; width: 100%; height: 100%; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1001; }
#nav-edit-mode-modal-overlay { background-image: none; }
#nav-edit-mode-modal { width: 100%; max-width: 500px; background: #fff; padding: 20px; border-radius: 10px; margin: 50px auto 0 auto; box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.6); position: relative; font-family: 'Open Sans', sans-serif; text-align: center;}
#nav-edit-mode-modal h1 { font-weight: 800; margin: 0 0 0 0.5em;}
#nav-edit-mode-modal a { border-radius: 6px; background: #600; border: 1px solid #300; color: #fff; padding: 3px 12px; font-weight: 700;}
/* /EDIT MODE NAV BAR */

/* #mark - */

/* RESPONSIVE STYLES */

@media (min-width: 1300px){
	.container{width: 1300px}
	.container .four.columns{ width: 305px; } /*always container/16 * column amount(four here) - 20px*/
	.container .five.columns{ width: 386px; } 
	.container .six.columns{ width: 467px; } 
	.container .seven.columns{ width: 549px; } 
	.container .nine.columns{ width: 711px; } 
	.container .ten.columns{ width: 793px; } 
	.container .eleven.columns{ width: 874px; }
	.container .twelve.columns{ width: 925px; }

	#nav_link_wrapper{margin: 93px 53px 0 0;}
	#nav_link_wrapper div{margin: 0 26px 25px 25px; line-height: 18px}

	#logo > img{margin: -135px 20px 0 0;}
	#logo > img:nth-of-type(2){margin: 65px -65px 0 0; float: right}
	.development #logo > img:nth-of-type(2), .planning #logo > img:nth-of-type(2), .services #logo > img:nth-of-type(2){margin: 55px 8px 0 0}
	
	#logo #leads{margin: 45px 18px 30px 0;}

	.wheel_center_text{width: 240px}

	#development_ribbon{width: 727px;}

	.services{}
		.services #services_wheel{position: absolute; right: 95px; top: 35px; width: 636px}

	.development{}
		.development .seven.columns{padding: 10px 20px 20px 83px}
		#development_ribbon p{font-size: 22px; line-height: 25px; padding: 12px 0 0 58px; width: 580px}
	
	.development.recruiting{}
		.development.recruiting .gray_bg ~ img:last-of-type{position: relative; right: 75px;}

	.planning{}
		.planning .seven.columns{padding: 10px 20px 20px 83px}
		.planning .planning_circle ~ p{width: 370px}
	
	.roundtables #development_ribbon p{padding: 10px 10px 12px 10px;}

	.about_us_gray_bg{width: 936px}
	.about .mug{right: 75px;}
	.about .add_mug{right: -290px;}
}

@media (max-width: 959px) {
	#headline br, .splash_headline br, #development_ribbon br, .seven .columns > h3 br{display: none}
	#headline br.persist, .splash_headline br.persist, #development_ribbon br.persist, .seven .columns > h3 br.persist{display: block}
}

@media (min-width: 768px) and (max-width: 959px) {
	#nav_link_wrapper{display: none}
	#mobile_opener{display: block}
	nav{min-height: 20px}

	#nav_link_wrapper div{ margin: 0 10px 25px 10px; width: 150px}
	#nav_link_wrapper .display_none{display: block}

	#logo > img:nth-of-type(1){margin-right: -10px; margin-top: -20px; width: 130px;}
	#logo > img:nth-of-type(2){margin: -45px 90px 0 0; float: right}
	.home #logo > img:nth-of-type(2){margin: -45px 60px 0 0; float: right; width: 160px}

	/*	.development #logo > img:nth-of-type(2), .planning #logo > img:nth-of-type(2), .services #logo > img:nth-of-type(2){margin: -52px 98px 0 0; width: 120px;}*/
	.development #logo > img:nth-of-type(2), .planning #logo > img:nth-of-type(2), .services #logo > img:nth-of-type(2){margin: 36px 0px 0 0; }

	#logo #leads{margin: 182px -75px 30px 0;}

	.gray_bg{padding-left: 20px; padding-right: 20px;}
	.home .wheel_center_text{font-size: 18px; line-height: 18px; width: 180px}
	#headline h1{font-size: 50px; line-height: 47px;}

	#development_ribbon{width: 429px;}

	.services{}
	.services #services_wheel{position: relative; right: 0px; top: 0px; margin: 20px auto; width: 636px}

	.development{}
	#development_ribbon p{font-size: 17px; line-height: 25px; width: 364px}

	.planning{}
	.planning .planning_circle ~ p{width: 200px;}

	.development.interviews #development_ribbon p, .development.social_media #development_ribbon p, .development.roundtables #development_ribbon p, .development.project_management #development_ribbon p{font-size: 17px; line-height: 20px; padding-top: 6px;}

	.development.contact #development_ribbon p{margin-top: 5px; line-height: 25px}
	.development.communication #development_ribbon p{padding-top: 7px; line-height: 20px;}

	.about_us_gray_bg{width: 100%; min-height: 400px}
	.about .add_mug, .about .mug{position: static;}
	.about .mug{margin-left: 75px}
	.about .mug p{margin-left: 0}
}

@media (min-width: 480px) and (max-width: 767px) {
	#nav_link_wrapper{display: none}
	#mobile_opener{display: block}
	nav{min-height: 20px}
	
	#container{padding: 0 0px 122px 0;}
	#container.home{padding: 0 0px 62px 0;}
	#container.about{padding: 0 0px 122px 0;}

	#events{background-image: none;}
	#events-ribbon { display: none;}
	#events-columns {display: block; margin: 0; }
	#events-current, #events-archived {display: block; width: 100%;}
	#events-archived { margin-top: 20px; text-align: center;}
	#events .events-columns-content {display: block; width: 100%;}
	#events-current .events-columns-content:last-of-type {border: 0;}

	#logo > img:nth-of-type(1){margin-right: 148px; margin-top: -25px; width: 80px;}
	#logo > img:nth-of-type(2){width: 180px; margin-top: 5px}

	#logo #leads{margin-top: 15px; margin-right: 37px}	

	#logo #leads img{height: 80px}
	#logo #leads img:first-of-type{top: 0}
	#logo #leads img:nth-of-type(2){top: 23px}
	#logo #leads img:nth-of-type(3){top: 46px}
	#logo #leads img:last-of-type{top: 69px}

	.development #logo > img:nth-of-type(2), .planning #logo > img:nth-of-type(2), .services #logo > img:nth-of-type(2){float: left; margin: 10px 0px 0 10px; width: 100px;}

	.gray_bg, .services .gray_bg{padding-left: 20px; padding-right: 20px;}
	.container .nine.columns{padding-left: 0;}
	#headline h1{margin: 20px 0px 0px 0px; font-size: 45px; line-height: 42px;}
	
	.development #headline p{margin: -8px 0 0px 0;}

	.wheel > svg{height: 380px}
	#home_wheel .wheel svg{height: 380px}
	.container .seven.columns{padding-bottom: 0}

	.services{}
	.services #services_wheel{position: relative; right: 0px; top: 0px; margin: 20px auto}

	.development{}
	#development_ribbon{margin-left: -10px; margin-top: 0; max-width: calc(100% + 10px)}
	#development_ribbon p{font-size: 17px; line-height: 25px; width: 394px}

	.planning{}
	.planning .planning_circle ~ p{width: 220px;}

	.development.interviews #development_ribbon p{font-size: 17px; line-height: 20px; padding-top: 8px;}
	.development.roundtables #development_ribbon p{font-size: 17px; line-height: 20px;}

	.development.communication #development_ribbon p{padding-top: 7px; line-height: 20px;}

	#right_ribbon p{font-size: 17px; line-height: 20px; padding: 6px 0 0 0px; width: 360px; margin-left: 10px;}
	.about .add_mug, .about .mug{position: static; }
	.about .mug{margin-left: 75px}
	.about .mug p{margin-left: 0}
	.about_us_gray_bg .custom_column{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; margin: 0px 0 0 0}

	/*form*/
	.phone_input, .email_input{width: 100%; margin-top: 2px}
	.phone_input{float: none; margin-top: 2px}

	footer{bottom: 0px; text-align: center}
	#footer_logo{max-width: 460px}
	footer a{display: inline-block; margin: 15px 19px 0 0}
	footer a:first-of-type{margin-left: 0px}
}

@media (max-width: 479px) {
	nav{min-height: 20px}
	#nav_link_wrapper{display: none}
	#mobile_opener{display: block}

	.home #logo > img:nth-of-type(1), .development #logo > img:nth-of-type(1), .planning #logo > img:nth-of-type(1), .services #logo > img:nth-of-type(1), .about #logo > img:nth-of-type(1){margin-right: 38px; margin-top: -25px; width: 80px;}

	.home #logo > img:nth-of-type(2){width: 180px; margin-top: 5px}

	#events{background-image: none;}
	#events-ribbon { display: none;}
	#events-columns { margin: 0; }
	#events-current, #events-archived {float: none; width: 100%;}
	#events .events-columns-content {display: block; width: 100%; border: 0;}
	#events-archived { margin-top: 20px; text-align: center;}


	.development #logo > img:nth-of-type(2), .planning #logo > img:nth-of-type(2), .services #logo > img:nth-of-type(2){float: left; margin: 10px 0px 0 10px; width: 100px;}

	#logo #leads{margin-top: 15px; margin-right: 37px}	

	#logo #leads img{height: 80px}
	#logo #leads img:first-of-type{top: 0}
	#logo #leads img:nth-of-type(2){top: 23px}
	#logo #leads img:nth-of-type(3){top: 46px}
	#logo #leads img:last-of-type{top: 69px}

	.gray_bg, .services .gray_bg{padding-left: 20px; padding-right: 20px;}
	.container .nine.columns{padding-left: 0;}
	.wheel_center_text{font-size: 17px; line-height: 17px; width: 170px}
	.wheel > svg{height: 270px}
	#home_wheel .wheel svg{height: 270px}

	.container .seven.columns{padding-bottom: 0}

	#headline{min-height: 0px}
	#headline h1{margin: 20px 0px 0px 0px; font-size: 35px; line-height: 32px}
	.development #headline p{margin: 10px 0 0px 0; font-size: 35px;}
	.development #headline p img{margin: 5px 0 0 -5px}

	.services{}
	.services #services_wheel{position: relative; right: 0px; top: 0px; margin: 20px auto}

	.development{}
	#development_ribbon{margin-left: 0; margin-top: 0; max-width: 100%}
	#development_ribbon p{font-size: 16px; line-height: 16px; width: 250px}

	.recruiting{}
	.recruiting #development_ribbon p{font-size: 16px; line-height: 16px; width: 250px; padding-top: 22px;}
	.recruiting.development .gray_bg{padding-top: 20px}
	.recruiting.development .gray_bg > p:first-of-type{margin-top: 20px}

	.planning{}
	.planning .planning_circle{float: none; margin: 10px auto;}
	.planning .planning_circle ~ p{float: none; margin: 0 auto; width: 100%}
	.planning .planning_arrow{margin: 4px auto}

	.development.interviews #development_ribbon p, .development.communication #development_ribbon p{font-size: 16px; line-height: 16px; padding-top: 4px;}
	.development.interviews .gray_bg > p:first-of-type{margin-top: 30px;}

	.development.social_media .gray_bg > img{margin-top: 30px}

	.development.roundtables #development_ribbon p{font-size: 15px; line-height: 18px; padding: 5px;}
	.development.training #development_ribbon p{line-height: 18px; padding-top: 18px}

	.retreats .splash_headline, .project_management .splash_headline{width: calc(100% + 75px);}

	/*form*/
	.phone_input, .email_input{width: 100%; margin-top: 2px}
	.phone_input{float: none; margin-top: 2px}

	#right_ribbon p{font-size: 15px; line-height: 16px; padding: 4px 0 0 0px; width: 300px; margin-left: 10px;}
	.about_us_gray_bg .custom_column{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; margin: 0px 0 0 0}
	.about_us_gray_bg .splash_headline{margin-left: 0px; margin-bottom: 20px;}
	.about_us_gray_bg{padding-left: 10px; padding-right: 10px;}
	.about .add_mug, .about .mug{position: static; }
	.about .mug{margin-left: 10px; margin-right: 10px}
	.about .mug p{margin-left: 0}

	.form_table td{display: block; width: 100%; padding-left: 0 !important; padding-right: 0 !important;}
	.vert_line{display: none}

	footer{bottom: -31px; text-align: center}
	#footer_logo{max-width: 280px}
	footer a{display: inline-block; margin: 15px 19px 0 0}
	footer a:first-of-type{margin-left: 0px}
}