@media (max-width:1024px){
		.inner section.top-section, .landing section.top-section {
		padding-top:22px;
	}
	
	
	
}



@media  (min-width: 768px) and (max-width:1024px){
	
	.tablet {
		display: initial !important;
	}


	.container {
		width:100%;
		max-width:900px;
		box-sizing: border-box;
		padding:0 4%;
	
	}
	.home-section .overlay, .home-section.home-section-right .overlay {
		width:70%;
	}
	
	.landing .home-section .overlay {

    width: 70%;
}
	.site-title {
		font-size: 2em;
	}

	.photo-quote p {
		font-size: 2em;
	}
	
	.inner section.content, .landing section.content {
		margin-left:0;
		margin-right: 0;
		max-width: 100%;
	}
	
	.silo3 .home-section{
		background-position: right center;
	}
	
	.silo5 .home-section {
		background-position: -180px center;
	}
	
	.stories article .imagewrap h1 {
		font-size: 5em;
	}
	
	#our-company section {
		width:100%;
	}
	
	h1 {
		font-size: 5.6em;
    padding: 0 4%;
	}
	
	.content-column h2 {
		font-size: 4em;
	}
	
	h3 {
		font-size: 3.5em;
	}
	
	h4 {
		font-size: 2.1em;
	}
	footer .footer-content p, footer .footer-content .download {
		font-size: 2em;
	}	
		
	.backgound{
		display: none;
		}
	

	
	.fact {
		width:40%;
		margin-right: 10%;
		float:left;
	}
	
.landing .timeline p {
		font-size: 2.1em;
	}
	.stories {

    top: 68px;
}
	
	html .timeline-box p .largest {
		font-size: 3.6em;
	}
html 	.timeline-box p .medium {
    font-size: 2em;
}
	
	section.content figure figcaption {
		font-size: 1.55em;
	}
	
	#materiality-diagram {
		width:100% !important;
	}
	#Map {
		display: none;
	}
	
	#index a.scroll-down {
		opacity: 1;
		position: absolute;
	}
	
	.stories {
		left:0;
		padding-right:0;
	}
	
	.stories nav {
	background-color: #333333;
padding: 90px 4% 100px 4%;
width: 100%;
max-width: 1120px;
box-sizing:border-box;

	}
	
.stories article {
	padding:0 4% 100px 4%;
	top:160px;
	box-sizing:border-box;
}

.story-browser li {
	font-size: 2.5em;
}

.story-browser .active-silo li {
	font-size: 3.5em;
}

	
}

@media  (min-width: 768px) and (max-width:1024px) and (orientation:portrait){
section.content figure figcaption {
		padding:25px;
	}
	
	#our-company .content .col33 {
    padding: 40px 1%;
}

#our-company .content .col33 img{
	margin-bottom: 20px;
}
	#our-company .content .col33 h2 {
		font-size: 2.8em;
		
	}
	#our-company .content .col33 h3 {
		font-size: 2.2em;
	}
	
	#our-company .content .col33 li {
		
	}
	
	}
	
@media  (min-width: 768px) and (max-width:1024px) and (orientation:landscape){	

	#our-company .content .col33 h2 {
		font-size: 4.4em;
	}

	html .home-title h1 {

	}
	
	
	#our-company .content .col33 {
		padding:20px 1%;
	}
	
	}
	
	@media (max-width:1024px) and (orientation:portrait){
	.silo5 .home-section {
	background-position: center center;
	}
	html table tr th, html table tr td{
		font-size: 1.6em;
	}
	
}