/*-------------------------------------------------------------*/
/*------------------------------------------------------------- GOOGLE MAPA*/
#googleMapa {
	position: relative;
	width: 100vw;
	height: 100vh;
}
.kontakt section {
	overflow: visible;
}
/*-------------------------------------------------------------*/
/*------------------------------------------------------------- KONTAKT*/
.s100 {
	width: 100%;
}
.kontakt {
	position: absolute;
	top: 50px;
	width: 100%;
	padding: 0 27% 3% 27%;
	font-family: 'Montserrat';
	font-weight: 600;
	background-color: rgba(255,255,255,0.9);
	box-sizing: border-box;
	/* height: 33%; */
}
.kontakt span {
	display: inline-block;
	font-family: 'Montserrat';
	font-weight: 600;
	/*text-transform: uppercase;*/
	font-size: 17px;
	padding-bottom: 2%;
}
.leftBox, .rightBox {
	width: 50%;
	height: auto;
	float: left;
}
.rightBox {
	text-align: right;
}
.kontakt p {
	line-height: 17px;
}
ins {
	text-decoration: none;
	color: #4da19b;
}
.mb5 {
	margin-bottom: 5%;
}
.tc {
	color: #4da19b;
}

.rp5 {
	padding-right: 5px;
}

/*--------  RESPONSIVE --------*/

@media screen and (max-width: 1400px) { 
	.mt50 {
		margin-top: 30px;
	}
	.kontakt span {
		font-size: 15px;
		padding-bottom: 1.5%;
	}
	.kontakt p {
		font-size: 12px;
		line-height: 15px;
		display: block;
	}
}

@media screen and (max-width: 1050px) { 
	.kontakt {
		padding: 0 20% 3% 20%;
	}
}

@media screen and (max-width: 850px) { 
	.kontakt {
		padding: 0 20% 3% 20%;
	}
	.kontakt span {
		width: 100%;
		padding-top: 10px;
		padding-bottom: 0.5%;
	}
	.leftBox span:first-child {
		padding-top: 0;
	}
	.kontakt p {
		width: 100%;
		display: inline;
	}
	.leftBox, .rightBox {
		width: 100%;
		text-align: center;
	}
	.mt50 {
		margin-top: 15px;
	}
	#googleMapa {
		height: 150vh;
	}
}

@media screen and (max-width: 705px) { 
	.kontakt {
		padding: 0 20% 5% 20%;
		top: 94px;
	}
	.kontakt span {
		font-size: 13px;
	}
}

@media screen and (max-width: 350px) { 
	.kontakt {
		top: 190px;
		padding-bottom: 7%;
	}
	.kontakt p {
		font-size: 11px;
		line-height: 13px;
	}
}
