#contacts{
	width: 100vw;
	margin: 0;
	padding: 0 0 14.4444vw;
	position: relative;
	text-align: center;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: flex-start;
}
.sidefields{
	width: 9vw;
}
.content{
	width: 82vw;
	display: grid;
	grid-template-areas: "top top"
						 "left right";
	grid-template-columns: 50% 50%;
	padding-top: var(--marg-h-top, 100px);							 
}
.content h1{	
	grid-area: top;
	font-weight: 700;
	font-size: var(--h1-size, 50px);
	line-height: 1em;
	margin-bottom: var(--marg-h-bottom, 60px);
}
.content .left{
	grid-area: left;
	font-weight: 400;
	font-size: var(--p-size, 16px);
	line-height: 1em;
	text-align: left;
	padding-top: 6.7365vw;
}
.content .left p{
	margin-bottom: 0.5em;
	font-weight: bold;
}
.content .left p span{
	font-weight: normal;
}
.content .left p:nth-of-type(1){
	width: 37.1vw;
	margin-bottom: 2.083vw;
	font-weight: normal;
}
.content .left p:nth-of-type(2){
	width: 31vw;
	line-height: 1.7em;
	/*margin-bottom: 2.083vw;*/
}
.content .left p:nth-of-type(3){
	width: 32.3vw;
}
.content .right{
	grid-area: right;
	min-height: 32.639vw;
	background-image: url("../img/mapprintmartstudio.webp");
	background-size: contain;
}

/** ADAPTIVE BIG DISPLAY **/

@media screen and (min-width: 1440px){

	.sidefields{
		width: calc((100vw - 1180px)/2);
	}
	#contacts{
		padding: 0 0 208px;
	}
	.content{
		width: 1180px;
		padding-top:  var(--marg-h-top, 100px);								 
	}
	.content h1{	
		font-size: var(--h1-size, 50px);
		line-height: 1em;
		margin-bottom: var(--marg-h-bottom, 60px);
	}
	.content .left{
		font-size: var(--p-size, 16px);
		line-height: 1.5em;
		padding-top: 78px;
	}
	.content .left p:nth-of-type(1){
		width: 534px;
		margin-bottom: 30px;
	}
	.content .left p:nth-of-type(2){
		width: 476px;
	}
	.content .left p:nth-of-type(3){
		width: 466px;
	}
	.content .right{
		min-height: 470px;
	}

}


/** ADAPTIVE MOBILE SCREEN **/

@media handheld and (orientation: portrait) and (min-resolution: 1.2dppx), all and (max-width: 540px){

	#contacts{
		padding: 0 0 6vw;/**/
	}
	.sidefields{
		width: 6vw;
	}
	.content{
		width: 88vw;
		display: grid;
		grid-template-areas: "top"
							 "left" 
							 "right";
		grid-template-columns: 100%;
		padding-top: var(--marg-h-top, 26px);									 
	}
	.content h1{	
		grid-area: top;
		font-weight: 700;
		font-size: var(--h1-size, 29px);
		line-height: 1em;
		margin-bottom: var(--marg-h-bttom, 16px);	
	}
	.content .left{
		grid-area: left;
		font-weight: 400;
		font-size: var(--p-size, 16px);
		line-height: 1.5em;
		text-align: center;
		padding-top: 0;

	}
	.content .left p{
		margin: 0 auto 2.083vw;
	}
	.content .left p:nth-of-type(1){
		width: 75vw;
	}
	.content .left p:nth-of-type(2){
		width: 75vw;
	}
	.content .left p:nth-of-type(3){
		width: 40vw;
	}
	.content .right{
		grid-area: right;
		min-height: 50vw;
		margin-top: 3vw;
	}


}