@font-face {
    font-family:'Open Sans';
    font-style:normal;
    font-weight:400;
    src:url('//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/open-source/opensans-regular-webfont.eot');
    src:url('//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/open-source/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/open-source/opensans-regular-webfont.woff') format('woff'),
    url('//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/open-source/opensans-regular-webfont.ttf') format('truetype'),
    url('//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/open-source/opensans-regular-webfont.svg#open_sansregular') format('svg');
}

@font-face {
    font-family:'Open Sans';
    font-style:normal;
    font-weight:700;
    src:url('//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/open-source/opensans-bold-webfont.eot');
    src:url('//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/open-source/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/open-source/opensans-bold-webfont.woff') format('woff'),
    url('//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/open-source/opensans-bold-webfont.ttf') format('truetype'),
    url('//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/open-source/opensans-bold-webfont.svg#open_sansregular') format('svg');
}

@font-face {
    font-family:'Open Sans';
    font-style:italic;
    font-weight:400;
    src:url('//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/open-source/opensans-italic-webfont.eot');
    src:url('//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/open-source/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/open-source/opensans-italic-webfont.woff') format('woff'),
    url('//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/open-source/opensans-italic-webfont.ttf') format('truetype'),
    url('//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/open-source/opensans-italic-webfont.svg#open_sansregular') format('svg');
}

@font-face {
    font-family:'Open Sans';
    font-style:italic;
    font-weight:700;
    src:url('//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/open-source/opensans-bolditalic-webfont.eot');
    src:url('//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/open-source/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/open-source/opensans-bolditalic-webfont.woff') format('woff'),
    url('//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/open-source/opensans-bolditalic-webfont.ttf') format('truetype'),
    url('//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/open-source/opensans-bolditalic-webfont.svg#open_sansregular') format('svg');
}

body{
	font-family:'Open Sans';
	font-size:14px;
}
div{
	box-sizing:border-box;
}
h2{
    max-width:1300px;
    margin:0 auto;
}
a{
	text-decoration:none;
}

.text{
	display:flex;
	margin:20px auto;
}
/*	.text:after{
		display:block;
		clear:both;
		width:100%;
	}*/
.title{
/*	display:inline-block;*/
	width:55%;
	padding:0 20px 0 calc(50% - 600px);
	text-align:right;
}
	.title h1{
		margin:0;
		line-height:1.4;
		font-size:68px;
		letter-spacing:0.1em;
		text-transform:uppercase;
	}
.about{
/*	display:inline-block;*/
	width:45%;
	padding:0 calc(50% - 500px) 0 5px;
}
	.about p{
		color:#2e825d;
		font-size:20px;
	}
	.about .comment{
		margin-top:2em;
		border-top:1px solid #cecece;
		padding-top:1em;
		font-size:12px;
	}
.map{
	position:relative;
    max-width:1300px;
	margin:0 auto;
}
	.map>img{
		width:100%;
	}
.lang-sw {
    position:absolute;
    right:0;
    top:0;
    padding:.5em;
    border:2px solid #354c2b;
	background:#ffffff75;
	color:#2e825d;
    font-size:2em;
    font-weight:bold;
}
.marker-wrap{
	position:absolute;
}
	.marker-wrap:hover{
		z-index:100;
	}
.marker {
    box-sizing:border-box;
    width:3em;
    height:3em;
    padding-top:2em;
    background:url(../images/tree.png) no-repeat;
    background-size:contain;
	color:#2e825d;
	line-height:1em;
    font-weight:700;
}
	.marker:hover{
		border-radius:2em;
		box-shadow:0 0 7px rgba(43,162,191,0.7);
		background-color:#ffffff7f;
	}
	.marker:hover+.marker-tooltip,.marker-tooltip:hover{
		display:inline-block;
	}

.marker-tooltip{
	display:none;
	margin-left:1em;
	padding:1em .5em;
	background:#fff;
}
	.marker-tooltip .place{
		font-weight:700;
	}
	.marker-tooltip .tree{
		color:#309C89;
		font-style:italic;
		font-weight:700;
	}
	.marker-tooltip .planter{

	}
	.marker-tooltip .comment{
		font-size:11px;
		margin:1em 0 0 1em;
	}

footer{
	display:flex;
	padding:1em 2em;
}
footer span{
	font-size:12px;
	font-weight:700;
	margin-right:7px;
}

@media (max-width:960px) {
	.map>img, .marker {
		display:none;
	}
	.marker-wrap{
		position:static;
	}
	.marker-tooltip{
		display:block;
		margin-top:1em;
	}
	.about .comment{
		display:none;
	}
}
@media (max-width:680px) {
	.text{
		display:block;
	}
	.title{
		width:100%;
	}
	.about{
		width:100%;
	}
}