@media only screen and ( max-width: 1300px ) {
	#networkWrapper	{background-size: 30% auto;}
	#investInner 	{width: 75%; height: 75%;}
}

@media only screen and ( max-width: 1150px ) {
	.globalWrapper,
	#welcome,
	#dream,
	#network,
	#family,
	#team,
	#pageBanner					{padding: 0 10px;} 
	
	#mainHeader					{padding: 20px 10px;}
	#finePrint 					{padding: 20px 10px 40px;}
	#mainFooter					{padding: 40px 10px;}
	#newsletter					{padding: 40px 10px 20px;}
	#graphSection				{padding: 50px 10px;}
	#content					{padding: 60px 10px;}
	#mainHeader #logo			{float: none; padding: 0; display: block; text-align: center;}
	#mainNav					{float: none; padding: 0; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center;}
	#slideshow .slideContent	{width: auto; padding: 0 0 0 10px;}
	
	#graphSection > h1:first-child,
	#graphSection > h2:first-child,
	#graphSection > h3:first-child,
	#graphSection > h4:first-child,
	#graphSection > h5:first-child,
	#graphSection > h6:first-child	{width: auto;}
}

@media only screen and ( max-width: 1050px ) {
	.blueBar:after	{width: 100%;}
	#slideshow		{height: 469px;}
	#networkWrapper	{background-image: none;}
	#network #intro	{width: auto;}
	#hasSidebar		{width: 65%;}
	.tabs div.ui-tabs-panel .post .image	{padding-right: 20px;}
	.tabs div.ui-tabs-panel .post .snippet	{float: none; width: auto;}
}

@media only screen and ( max-width: 925px ) {
	#contentWrapper.bc #content div.iphone	{display: none;}
	#contentWrapper.bc #content > div + *	{padding-top: 0;}
	
	#blueSection #blueContent > h1:first-child,
	#blueSection #blueContent > h2:first-child,
	#blueSection #blueContent > h3:first-child,
	#blueSection #blueContent > h4:first-child,
	#blueSection #blueContent > h5:first-child,
	#blueSection #blueContent > h6:first-child		{width: auto;}
}

@media only screen and ( max-width: 850px ) {
	#slideshow .slideContent .title	{width: auto; padding-right: 10px; height: auto;}
	#network #intro,
	#welcome #intro	{width: auto; margin: 0; padding: 40px 10px 12px;}
	#welcome #gears	{display: none;}
	#dreamWrapper,
	#familyWrapper	{height: auto;}
	#pageBannerWrapper			{height: 200px;}
	#pageBannerWrapper.special 	{height: 300px;}
	#family						{padding: 20px 10px 5px; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
	#family .col:first-of-type	{width: 100%;}
	#family .col				{width: 100%; margin: 0;} 
	#family .col .block			{margin: 0;}
	#family .col .title			{font-size: 35px; margin-bottom: 12px;}
	#dream						{padding: 20px 10px;}
	#dream p					{padding: 0;}
	#team #grid					{-webkit-flex-direction: column; flex-direction: column;}
	#team #grid #text			{padding: 0; width: auto;}
	#team #grid #collage		{width: auto;}
	#team #grid #collage li img	{margin: 0 auto;}
	#hasSidebar					{width: auto; padding: 0;}
	#sidebar					{display: none;}
	.tabs div.ui-tabs-panel 	{padding: 20px 0;}
	#content table.contactTbl td		{display: block; margin-bottom: 20px; width: auto!important;}
	#content table.contactTbl td img	{display: block; margin: 0 auto; max-width: 100%; height: auto;}
	#cntWrapper #cnt-submit		{float: none; display: block; margin-top: 20px;}
	#cntWrapperBot,
	#cntWrapperTop				{border: 0; padding: 0;}
	#flexWrap					{-webkit-flex-direction: column; flex-direction: column;}
	#flexWrap .bio				{max-width: 100%;}
	#flexWrap .bio .bio-top		{display: none;}
	#flexWrap .profile			{display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; width: auto; margin: 0; min-width: 0; max-width: none;}
	#flexWrap .profile img		{display: block; max-width: 100%; height: auto;}
	#flexWrap .profile .name,
	#flexWrap .profile .position,
	#flexWrap .profile .social		{display: block;}
	#flexWrap .profile .image		{-webkit-order: 3; order: 3; padding: 0;}
	#flexWrap .profile .name		{-webkit-order: 1; order: 1;}
	#flexWrap .profile .position	{-webkit-order: 2; order: 2;}
	#flexWrap .profile .social		{-webkit-order: 4; order: 4;}
	.team-nav .arrow-next			{left: 100px;}
	
	#openMobileMenu,
	#closeMobileMenu		{display: block;}
	
	#mainNav				{display: block; position: fixed; top: 0; left: -300px; z-index: 900; width: 300px; height: 100%; overflow-y: auto; background-color: #7797b9;
		-webkit-transform: translatez(0);
		   -moz-transform: translatez(0);
			-ms-transform: translatez(0);
			 -o-transform: translatez(0);
				transform: translatez(0);
		-webkit-transition: all 0.3s;
		   -moz-transition: all 0.3s;
			-ms-transition: all 0.3s;
			 -o-transition: all 0.3s;
				transition: all 0.3s;
	}

	#mainNav ul	li					{float: none;}
	#mainNav ul	li:first-of-type	{display: list-item;}
	#mainNav ul li a				{display: block; color: #fff; border: 0; border-bottom: 1px solid #97b6d7; border-top: 1px solid #567698; font-size: 16px; font-weight: 500; padding: 8px 12px; font-family: "brandon-grotesque", sans-serif;}
	#mainNav ul li:last-of-type a	{border-bottom: 0;}
	#mainNav ul.children			{display: block;}
	#mainNav ul.children a			{font-size: 14px; padding-left: 35px;}
	#mainNav li.current_page_item > a,
	#mainNav ul li.current_page_parent a,
	#mainNav li.current-page-ancestor > a, 
	#mainNav ul ul li.current-cat > a, 
	#mainNav li a:hover						{color: #fff !important; font-weight: 500; background: none; font-family: "brandon-grotesque", sans-serif; }
	
	#mainFooter	#links			{padding-bottom: 20px;}
	#mainFooter	#links #left,
	#mainFooter	#links #right	{float: none; text-align: center;}
	#mainFooter	#links #left	{margin-bottom: 1.1em;}
	#mainFooter	#links #left li	{float: none; display: inline-block;}
	#mainFooter	#links #left li:last-of-type	{padding-right: 0;}
	#mainFooter	#credits		{float: none; text-align: center;}
	
	#investInner 	{width: 85%; height: 75%; box-sizing: border-box;}
}

@media only screen and ( max-width: 750px ) {
	#slideshow .slideContent		{top: 10px; height: 100%;}
	#slideshow .slideContent .title	{font-size: 35px;}
	#slideshow .slideContent .desc	{position: absolute; bottom: 75px; right: 0; float: none; margin: 0;}
	#pageBannerWrapper	{overflow: hidden;}
	#newsletterWrapper	{background: #d1d2d3;}
	#newsletter			{-webkit-flex-direction: column; flex-direction: column;}
	#newsletter	#text	{width: auto; padding: 0;}
	#newsletter	#form	{width: auto;}
}

@media only screen and ( max-width: 680px ) {
	#pageBannerWrapper.special #pageBanner div				{padding: 0 10px;}
	#pageBannerWrapper.special #pageBanner span.bigTitle 	{font-size: 40px;}
	#pageBannerWrapper.special #pageBanner span.smallTitle 	{font-size: 25px; width: auto;}
	#investInner		{padding: 50px;}
	#investInner code	{padding: 10px 0; width: 78px; text-align: center;}
}

@media only screen and ( max-width: 550px ) {
	#content ul.ui-tabs-nav	{display: none;}
	#hasSidebar				{width: 100%;}
	.tabs h3.accord			{display: block;}
	.pagination				{margin-top: 20px;}
	#events .row			{-webkit-flex-direction: column; flex-direction: column;}
	#events .date			{margin: 0;}
	#events .dateInner		{display: -webkit-flex; display: flex; border: 0; border-bottom: 3px solid #7797b9; margin-bottom: 12px; padding-bottom: 12px;}
	#events .dateInner > div				{margin-left: 28px;}
	#events .dateInner > div:first-of-type	{margin: 0;}
	#events .desc			{width: auto;}
	#pageBannerWrapper 		{height: 100px;}
	#pageBanner span		{width: auto; font-size: 26px; bottom: 15px; left: 20px;}
	
	#content img.alignleft,
	#content img.alignright			{float: none; display: block; margin: 0 auto 1.1em;}
	#content figure.alignleft,
	#content figure.alignright		{float: none; margin: 0 auto 1.1em; text-align: center; width: auto!important;}
	#content figure.alignleft img,
	#content figure.alignright img	{margin: 0 auto 12px;}
	#content img					{display: block; max-width: 100%; height: auto;}
	
	#startedSection				{padding: 28px;}
	#startedSection a.investBtn	{font-size: 28px;}
}

@media only screen and ( max-width: 400px ) {
	.tabs div.ui-tabs-panel .post .period	{float: none; width: 100%; box-sizing: border-box; padding-bottom: 10px; height: auto; text-align: left;}
	.tabs h3.accord				{font-size: 24px;}
	#events .date				{font-size: 34px;}
	#events .dateInner > div	{margin-left: 20px;}
	#content .gallery			{-webkit-justify-content: center; justify-content: center;}
}

@media only screen and ( max-width: 375px ) {
	#mainHeader #logo img			{display: block; max-width: 100%; height: auto; margin: 0 auto;}
	#slideshow .slideContent .desc	{width: 100%;}
	#dream .title					{font-size: 30px;}
	#startedSection a.investBtn 	{font-size: 24px;}
	#team #grid #collage li			{width: 50%;}
	#team #grid #collage ul.double li.spacerDouble	{display: none;}
	#team #grid #collage ul.double li.spacerSingle	{display: block;}
	#team #grid #collage ul.single li.spacerDouble	{display: none;}
	#mainFooter	#links #left li					{display: block; padding: 0; margin-top: 4px;}
	#mainFooter	#links #left li:first-of-type	{margin: 0;}
}