.mape{

	width:100%;
	height:100vh;
	background-color:#cbcdd0;
	padding:40px;
	z-index:2;
	display:flex;
	justify-content:space-between;
}
.mapa-opis{
	text-align:left;
}

.mapa-opis-naslov{
	text-align:left;
}
iframe{
		width:600px;
		height:450px;
	}
@media only screen and (min-width: 602px) and (max-width: 1024px){
	body{
		font-size:1.2rem;
	}
	
	iframe{
		width:400px;
		height:300px;
	}
	.mape{
		flex-direction:column;
		height:auto;
	}
.mapa-opis-naslov{
	text-align:center;
}
.mapa-opis{
	text-align:center;
}
}
@media only screen and (max-width: 600px) {
	body{
		font-size:0.8rem;
	}
	
	iframe{
		width:250px;
		height:300px;
	}
	.mape{
		flex-direction:column;
		height:auto;
	}

}