.header{display: block;}
.map_section{
	width: 45%;
	height: 400px;
	padding: 10px;
	border: 1px solid #2697db;
	border-radius: 10px;
	overflow: hidden;
	float: left;
	border-radius: 10px;
	margin-left: 10%;
	margin-top: 5%;
	margin-bottom: 30px;
	box-shadow: 10px 10px 30px #888888;
}

.address_section{
	width: 32%;
	padding: 10px;
	color: #000000;
	display: inline-block;
	direction: rtl;
	margin-right: 4%;
	margin-left: 4%;
	margin-top: 9%;
	line-height: 3em;
	font-family: Byekan;
	border-radius: 10px;
	background: rgba(57, 93, 208, 0.31);
	box-shadow: 10px 10px 30px #888888;
	float: right;
	font-size: 17px;
	font-family: cursive;
}

.address_section p{
	text-shadow: 0px 7px 20px black;
}

i{
	margin-right: 5%;
}

.mm-opened li:hover{
	color: gold;
}

@media screen and  (max-width: 900px){

	
	.map_section{
		width: 70%;
		margin: 8% 12%;
	}
	
	.address_section{
		width: 70%;
		margin-right: 12%;
	}
}

@media screen and  (max-width: 700px){
	
	.address_section{
		width: 70%;
		margin-right: 12%;
	}

	.address_section p {
		text-shadow: 0px 7px 20px black;
		font-size: 12px;
		line-height: 25px;
	}

}