/*контакты*/
.section-nav-contact {
	display: grid;
	grid-template-columns: 45% 55%;
    bottom: 0;
    right: 0;
}
.item-6 {
	grid-column: 1 / 2;
	margin-top: 170px;
	margin-left: 290px;
	width: 65%;
}
.item-6 p {
	font-size: 1.125rem;
	line-height: 1.6;
	color: #111111;
}
.item-6 a {
	text-decoration: none;
	font-size: 1.125rem;
	line-height: 1.6;
	color: #111111;
}
.item-7 {
	grid-column: 2 / 3;
}
.item-7 div {
	margin-top: 5%;
}
.karta {
	width: 800px; 
	height: 600px;
}



/*медиа*/

@media screen and (min-width: 1881px) {
/*.item-6 {
	grid-column: 1 / 2;
	margin-top: 170px;
	margin-left: 290px;
	width: 65%;
}*/
}

@media (min-width: 1141px) and (max-width: 1880px) {
.item-6 {
	width: 80%;
	margin-top: 122px;
	margin-left: 58px;
}
h2 {
	font-size: 2rem;
}
}

@media (min-width: 941px) and (max-width: 1140px) {
.item-6 {
	width: 80%;
	margin-top: 122px;
	margin-left: 58px;
}
h2 {
	font-size: 2rem;
}
}

@media (min-width: 721px) and (max-width: 940px) {
h2 {
	font-size: 2rem;
}
.section-nav-contact, .tm-header {
	display: block;
	float: left;
}
.item-6 {
	width: 80%;
	margin-top: 15px;
	margin-left: 28px;
}
.item-7 {
	margin-top: 20px;
	margin-left: 24px;
}
.karta {
	width: 600px; 
	height: 400px;
}
}

@media (min-width: 541px) and (max-width: 720px) {
h2 {
	font-size: 2rem;
}
.section-nav-contact, .tm-header {
	display: block;
	float: left;
}
.item-6 {
	width: 80%;
	margin-top: 90px;
	margin-left: 20px;
}
.item-7 {
	margin-left: 0px;
}
.karta {
	width: 500px; 
	height: 300px;
}
}

@media (min-width: 341px) and (max-width: 540px) {
h2 {
	font-size: 1.5rem;
}
.item-6 p {
	font-size: 1rem;
	line-height: 1.2;
}
.item-6 a {
	font-size: 1rem;
	line-height: 1.2;
}
.section-nav-contact, .tm-header {
	display: block;
	float: left;
}
.item-6 {
	width: 80%;
	margin-top: 50px;
	margin-left: 15px;
}
.item-7 {
	margin-left: 0px;
}
.karta {
	width: 320px; 
	height: 320px;
}
}