//	Local Company
.local-company {
	padding: 2em 0;
	position: relative;

	@media (min-width: $medium-screen){
		padding: 4em 0; 
	}

	@media (min-width: $wide-container){
		padding: 5em 0; 
	}

	p.title {
		margin-bottom: 1rem;
		color: $base-accent-color;
		font-size: 1.15rem;
		font-weight: 700;
		line-height: 1.2;

		@media (min-width: $large-screen){
			font-size: 2.1em;
		}

		@media (min-width: $wide-container){
			font-size: 2.375em;
		}
	}

	p {
		color: #4D4D4D;
		font-size: 1em;
		font-weight: 300;

		strong {
			font-weight: 700;
		}
	
		@media (min-width: $wide-container){
			font-size: 1.1em;
		}
	}

	img {
//		opacity: 0.4;
	}

	.container {
		padding: 0;
	}
	
	&:before {
		@media (min-width: $medium-screen){
			width: calc(60% - 30px);
			content: "";
			position: absolute;
			top: 50px;
			bottom: 50px;
			left: 0;
			background: #F8F8F8;
		}

		@media (min-width: $large-screen){
			width: calc(70% - 30px);
		}

		@media (min-width: $wide-container){
			width: calc(70% - 50px);
			top: 70px;
			bottom: 70px;
		}
	}

	.banner {
//			overflow: hidden;
		
		img {
			width: 100%;
		}
		
		@media (min-width: $medium-screen){
			width: 40%;
			position: absolute;
			right: 0;
			top: 50px;
			bottom: 50px;
			
			img {
				object-fit: cover;
				object-position: center;
				height: 100%;
				min-width: 100%;
				width: auto;
			}
		}

		@media (min-width: $large-screen){
			width: 30%;
		}
		
		@media (min-width: $wide-container){
			top: 70px;
			bottom: 70px;
		}
	}

	.content {
		padding: 1em;
		background: #F8F8F8;
		position: relative;
		margin-bottom: 20px;

		@media (min-width: $medium-screen){
			width: calc(60% - 30px);
			padding: 2em;
			margin-bottom: 0px;
		}

		@media (min-width: $large-screen){
			width: calc(70% - 30px);
		}
	}
}