@import "less/variables.less";
@media (max-width: @screen-sm-max) {
	.main h1 {
		border-bottom: 0;
		margin-bottom: 40px /*!important*/;
	}
	.OurHistory .container {
		margin-top: 80px;
	}
	.OurHistory .stem {
		display: none;
	}
	.OurHistory .join-wrap {
		position: static !important;
		top: 0;
	}
	.OurHistory .hrow {
		position:relative !important;
		margin-bottom: 10px !important;
		padding-top: 126px;
		background: url(/Images/who-we-are-pointer.png) 50% 0 no-repeat;
	}
	.OurHistory .himg {
		position: absolute;
		left: 0;
		top: 126px;
		width: 100%;
		height: 200px;
		padding: 0 !important;
		text-align:center;
	}
	.OurHistory .history-image {
		height:100% !important;
        width: 100% !important;
        display: block !important;
	}
	.OurHistory .himg img {
		width: 90%;
		max-width: 300px;
        height: auto;
		margin: 0 auto !important;
	}
	.OurHistory .htext {
		padding-top: 150px !important;
		padding-bottom: 0;
		font-size: 20px;
	}
	.SceneTwo, .MeetTheTeam {
		display: none;
	}

	.ProcessIntro h1 {
		margin-bottom: 60px;
	}
	.ProcessIntro strong {
		font-size: 20px;
	}
	.process-surround {
		margin-top: 0 !important;
	}
	.process-surround .heading h2 {
		border-bottom: 1px solid #ccc;
	}
}
@media (max-width: @screen-xs-max) {
	.OurHistory .himg {
		height: 100px !important;
	}
	.OurHistory .himg img {
		max-width: 180px !important;
	}
	.OurHistory .htext {
		padding-top: 120px !important;
		padding-bottom: 20px !important;
	}
}