@media screen and (max-width:1200px){
	.screenContainer{
		width:100%;
		padding: 0 30px;
		box-sizing: border-box;
	}

	.showcase-wrap{
		width: calc(100% - 60px);
		padding: 0;
	}
	
	img{
		max-width:100%;	
	}

	.percentageInfographic .icon img,
	.bubble img{
		max-width:inherit;	
	}

	#seedFundingProjects dl{
		flex-basis: 40%;
	}
}

@media screen and (max-width:1024px){

	.showcase li div.content .image{
		flex: 1 0 200px;
	}

	.cover{
		height: 560px;
		overflow: hidden;
	}

	.cover .head{
		width: 500px;
		top: 200px;
	}

	.cover #logo{
		max-width: 100px;
		height: auto;
	}

	#ar-label{
		font-size:50px;
		bottom: 125px;
	}

	.header-image{
		/*top:20px;
		bottom: inherit;*/
		height:90%;
	}

	.cover .head h1{
		font-size: 30px;
	}

	.cover .head h1 + p{
		font-size: 16px;
	}

}

@media screen and (max-width:900px){

	#logo{
		order:1;
	}

	.cover{
		height: auto;
	}
	
	.cover-content{
		display:flex;
		flex-direction:column;
		margin-bottom: 20px;
	}

	.cover-content #logo,
	.cover-content .head,
	.cover-content #ar-label{
		position: relative;
		margin-bottom:30px;
	}

	.cover-content #ar-label{
		order:2;
		bottom:inherit;
		right:inherit;
	}
	
	.cover .head{
		order:3;
		top:inherit;
	}
	
	.header-image{
			
	}

	#outcome-wrap figure img{
		flex-basis:150px;	
	}

	.showcase li div.content .image{
		flex: 1 0 150px;
	}

	#seedFundingProjects dl{
		flex-basis: 40%;
	}

	#toc a{
		font-size: 11px;
	}

	.timeline::after{
		left:0;
	}
	
	.timeline-event{
		width:100%;
		left:auto !important;
		right:auto !important;
		margin-top:auto !important;
	}

	.bubble-timeline .right{
		padding-left: 20px;
	}
	
	.bubble-timeline .left{
		padding-left: 20px;
		padding-right: 0;
	}
	
	.bubble-timeline .left time{
		color:#fff;
	}

	.bubble-timeline .content{
		padding-top: 150px;
	}
	
	.left .bubble{
		left: 14px;
		right: auto;
	}
	
	.left .bubble img{
		margin-left:0;	
	}
	
	.bubble-timeline .left::after{
		background-color: #FA9400;
		border-color: #FA9400;
		left: -9px;
	}	
}

@media screen and (max-width:768px){
	
	.section{
		margin-bottom:50px;	
	}

	.opener .section-head{
		right: 50px;
		width: 45%;
		font-size: 30px;
	}

	.inline-quote .headshot{
		flex: 1 0 150px;
		width: 150px;
		height: 150px;
	}
	
	.twoColumnQuote, .twoColumn{
		flex-direction:column;	
	}

	#seedFundingProjects dl{
		flex-basis:100%;
	}

	#seedFundingProjects dt{
		flex-basis: 80px;
	}

	#seedFundingProjects dd{
		flex-basis: 100%;
	}
	
	#outcome-wrap{
		flex-direction:column;	
	}

	.thankYouSection .twoColumn > div:first-child{
		border-right: none;
	}

	.twoColumnQuote .quote{
		font-size:16px;
	}

	.quote footer figure{
		flex-direction: column;
	}

	.coChairQuotes .quote .headshot{
		margin-bottom: 10px;
	}

	.coChairQuotes .quote figure figcaption{
		margin-left:0;
	}

	.quote.jenca footer{
		margin-top: 0;
	}
	
}

@media screen and (max-width:767px){
	#toc{
		display: none !important;
	}
	
	#intro{
		background-position: center bottom;
		background-size:cover;
	}
	
	.cover .head{
		width: 100%;	
	}
	
	.header-image{
		right: 50%;
		height:500px !important;
		transform: translateX(50%);
		max-width: inherit;
	}
	
	.section {
		margin-bottom: 25px;
	}

	#svgMapFPO{
		padding:0;
	}
	
	#deploymentOfPDAsInfographic, #expansion-of-pdas img{
		margin-bottom:20px;	
	}

	@-webkit-keyframes fadeInOut {
		0%   { opacity: 0; }
		  10%   { opacity: 0.5; }
		  20%  { opacity: 0.5; }
		  30%  { opacity: 0; }
		  100% { opacity: 0; }
	}
	
	@keyframes fadeInOut {
		0%   { opacity: 0; }
		  10%   { opacity: 0.5; }
		  20%  { opacity: 0.5; }
		  30%  { opacity: 0; }
		  100% { opacity: 0; }
	}
	
}

@media screen and (max-width:600px){

	.opener{
		margin-top: 75px;
	}

	.opener .screenContainer::before {
		line-height: 100%;
		top: 30px;
		right: 8px;
		font-size: 160px;
		color: rgba(255,255,255,0.25);
	}

	.chapter4.opener .screenContainer::before {
		color: rgba(255,255,255,0.75);
	}

	.opener .section-head{
		font-size: 18px;
		width: 60%;
		right:35px;
		top: 54px;
		text-shadow: 0 0 10px rgba(255,255,255,1);
	}

	.opener .screenContainer{
		height:300px;
		background-position: bottom left;
		background-size: contain;
	}

	#outcome-wrap figure{
		flex-direction: column;
	}

	.showcase-wrap{
		height:auto;
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.showcase li{
		height: auto;
	}

	.showcase li div.content{
		flex-direction: column;
		position: relative;
	}

	.showcase li div.content .image{
		order:1;
		margin-left: 0 !important;
	}

	.showcase li div.content .image img{
		max-width: 100%;
		height: 300px;
		object-fit: cover;
		width: 100%;		
	}

	.showcase li div.content div:not(.image){
		order:2;
		margin-left: 0 !important;
		padding: 20px 30px;
		flex-basis: 100%;;
	}

	.showcase li div.content h3{
		position: relative;
		top: 0;
	}

	.section.quote{
		padding: 0;
		background-position: top left 10px;
		background-size: 40px;
	}

	.section.quote blockquote{
		font-size: 14px;
		line-height: 140%;
		margin-left: 60px;
	}

	.section.quote:nth-child(2n+1) {
		background-position: top right 10px;
		background-size: 40px;
	}

	.section.quote:nth-child(2n+1) blockquote{
		margin-right:60px;
		margin-left: 30px;
	}

	.inline-quote{
		flex-direction: column;
	}

	.inline-quote .headshot{
		order:1;
		margin-left: 0 !important;
	}

	.inline-quote figcaption{
		order:2;
		margin-left: 0 !important;
	}

	#seedFundingProjects dd{
		width:180px;
	}

	.arrow-controls-wrap .arrow{
		top:30%;
	}

	#financial_overview_2019{
		display:none;
	}

	#financial_overview_2019_mobile{
		display:block;
	}
	
	.twoColumnQuote .quote blockquote {
		margin-left: 20px;
		margin-right: 0;
	}

}

@media screen and (max-width:375px){
	#social-media.with-text a{
		font-size:10px;	
	}
}