:root {
	--map-height: 595px;
}

@media (max-width: 768px) {
	.line {
		margin-top: 15px;
		margin-bottom: 15px;
	}
}

/* =========== line_1 ============ */

#line_1 article.well {
	padding:35px;
	overflow-wrap: break-word;
	word-break: break-word;
	margin: 0
}

#line_1 article.well:hover{
	box-shadow: 0 5px 14px 0 rgba(0, 0, 0, .08);
	/*
	box-shadow:
	  0 2px 4px rgba(0,0,0,0.05),
	  0 5px 14px rgba(0,0,0,0.08);
	*/
}

#line_1 article.well h4{
	font-size:2rem;
	font-weight:300	
}

#line_1 article.well p{
	margin-bottom: 45px
}

#line_1 article.well svg {
	max-width: 100%;
	height: auto;
	margin-bottom:30px
}

/* =========== line_2 ============ */

#line_2 .row {
	padding: 0
}


#line_2 figure {
	height: 100%;
	margin: 0
}

.fixed-ratio {
	/*aspect-ratio: 720 / 865;*/ /* else 0.832 */
	width: 100%;
	overflow: hidden;
	position: relative;
	display: block;
}

.fixed-ratio img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}


#line_2 .ex {
	width: 100%;
}

/* =========== line_3 ============ */

#line_3 #map_gapper {
	display: block;
	width: 1px;
	height: var(--map-height);
}

#line_3 #map {
	display: block;
	width: 100%;
	height: var(--map-height);
}

#contacts-tmp #line_3 .map-overlay a.small:hover {
	text-decoration: underline;
	color: #000
}

@media (max-width: 768px) {
	

	article.ex {
		padding-top: 1rem
	}

	#line_1 .row .col-md-4 {
		margin-bottom: 20px
	}

	#line_2 form .form-control {
		margin-bottom: 20px
	}

	#line_3 .map-overlay {
		max-width: calc(100% - 100px);
	}

}

@media (min-width: 992px) {
	
	
	.fixed-ratio {
		aspect-ratio: 720 / 865; /* else 0.832 */
	}

	#line_2 form .form-control {
		min-height: 48px;
		max-height: 48px
	}

	#line_2 .ex {
		padding-left: 40px;
		padding-right: 40px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	#line_2 form textarea#message {
		min-height: 170px
	}

	#contacts-tmp h2 {
		line-height: 1.5
	}

	#line_3.well {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	#line_3 .ex {
		padding-right: 60px
	}

	#line_3 #map {
		width: 100vw;
		max-width: 50vw;
	}
}