@media  (max-width: 767px){

body.inner, body.landing {
	padding-bottom: 100px;
	position: relative;
}
	.mobile {
		display: block !important;
	}
	
	
	.mobile-overflow {
	    overflow: scroll;
	    width: 100%;
	    
  -webkit-overflow-scrolling: touch;
	}
	
	.overflow-inner {
	    width: 180%;
	}
	
	.container {
	    box-sizing: border-box;
	    padding: 0 4%;
	    width: 100%;
	}
	
	
	.inner section.content, .landing section.content {
		margin-left:0;
		margin-right: 0;
		max-width: 100%;
		padding-top:175px;
	}
	#our-company section {
		width:100%;
	}
	
	.timeline {
		background-image: none;
	}
	
	.timeline .timeline-box {
		width:100%;
		margin-bottom: 20px;
	}
	
	section.content .timeline h2 {
		margin-top: 40px;
	}
	
	.map {
		display: none;
	}
	
	h1 {
	 font-size: 3.6em;
	}
	
	section.content p.intro {
		font-size: 1.9em;
	}
	
	
	section.content p, section.content li {
		font-size: 1.6em;
	}
	.col50, .col45 {
		width:100%;
		float: none;
		margin:0;
	}
	#materiality-diagram {
		width:100% !important;
	}
	#Map {
		display: none;
	}
	

	
	.fact {
		width:100%;
		margin-right: 0;
		float:none;
	}
	
	
	section .screen {
		padding:0;
		background-color: transparent;
	}
	
	.inner .background, .landing .background {
		position: absolute;
		bottom:0;
		top:auto;
		height:400px;
	}
	
	article.bio {
		width:100%;
	}
	
	.inner .case-accordion, .landing .case-accordion {
		width:100%;
		position: static;
		float:none;
	}
	
	.left .case-accordion .inner::after {
		left:50%;
	}
	
	.right .case-accordion .inner::after {
		left:50%;
	}
	
	.right .case-accordion {
		left:0 !important;
	}
	
	.case-accordion.active {
		max-height:1800px;
	}
	
	.landing .timeline p {
		font-size: 1.6em;
	}
	body section.content ul.tabs li {
		font-size: 1.3em;
	}
	
	.timeline-right .article-content::after, .timeline-left .article-content::after {
		display: none;
	}
	
	section.content figure img {

	float:none;
	width:100%;
	height:auto;


	}

section.content figure figcaption {
	display: block;
	float:none;
	width: 100%;
	margin-left: 0;
	margin-top:2em;
	height:auto;
	background-color: rgba(231, 233, 233, 0.5);
    padding: 35px;
    position: relative;
    box-sizing: border-box;
    font-size: 1.5em;
    font-weight: 500;

    line-height: 1.71em;
	
}
section.content figure figcaption:after{
	border-bottom: 18px solid rgba(231, 233, 233, 0.5);
    border-right: 18px solid transparent;
    border-top: 18px solid transparent;
    border-left: 18px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    position: absolute;
    top: -36px;
    transform: translateX(-50%);
    width: 0;
    }
    
    .team-member {
	float:none;
	width:100%;
	text-align: center;
	margin-top: 2.5em;
}

section.content .team-member img {
	margin:0 auto;
	width:50%;
	height:auto;
	display: block;
}

section.content .team-member h5.name {
	font-size: 2.3em;
	line-height: 2em;
	font-weight: 500;
	display: inline-block;
	border-bottom: 7px solid #000000;
	margin-bottom: 17px;
}


section.content .team-member p.position {
	font-size: 1.8em;
	line-height: 1.13em;
	color:#6a747b;
	width:75%;
	margin:0 auto;
}

.more-info {
	float:none;
	width:100%;
	margin-top: 4em;	
}
section.content img.floating-image  {
	margin:30px auto 30px auto;
	width:95%;
	float:none;
	height:auto;
	
}
html .timeline-box p .largest {
		font-size: 3.6em;
	}
html 	.timeline-box p .medium {
    font-size: 2em;
}
	html .indicators li {

    font-size: 0.7em;
}

section.content p.more {
	width:100%;
}

p.more img {
	display: block;
}


#social-impact .timeline article, #env .timeline article, #our-people .timeline article {
	margin:20px 0;
}


.col60, .col35 {
	float: none;
	width:100%;
}

section.content .table-toggle h4 {
	font-size: 1.4em;
}

.more-info a {

    font-size: 2.1em;

}

}