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

	.tablet {
		display: block !important;
	}


	.container {
		width:100%;
		box-sizing: border-box;
		padding:0 2%;
	
	}
	
	.inner section.content, .landing section.content {
		margin-left:0;
		margin-right: 0;
		max-width: 100%;
		 padding-top: 170px;
	}
	
	#our-company section {
		width:100%;
	}
	
	h1 {
		font-size: 5.6em;
	}
	

	
	.backgound{
		display: none;
		}
	
	.col50, .col45 {
		width:100%;
		float: none;
		margin:0;
	}
	
	.col50:after, .col45:after {
		clear:both;
		content: '';
		display: block;
	}
	
	.fact {
		width:40%;
		margin-right: 10%;
		float:left;
	}
	
.landing .timeline p {
		font-size: 2.1em;
	}
	
	
	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;
	}
	
	
}

@media  (min-width: 768px) and (max-width:1024px) and (orientation:portrait){
section.content figure figcaption {
		padding:25px;
	}
	}