<div id="google-map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1271.5411177276196!2d30.54607475818814!3d50.402304994867194!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40d4cf5a6ac94fe7%3A0x441355015fb9c6fe!2sSaperno-Slobidska+St%2C+57%2C+Kyiv%2C+Ukraine!5e0!3m2!1sen!2sru!4v1478369015237"
width="600"
height="450"
frameborder="0"
style="border:0"
align="left"
allowfullscreen></iframe>
</div>
#google-map iframe{
margin-left:20px;
}
<div id="section">
<div></div>
</div>
#section {position:relative; }
#section div {
background: url (1.png) no-repeat;
position:absolute;
top:-40px;
left:-40px;
}
p{
font-size:16px;
}
<p class="text-1">This template has a responsive menu toggling system. ...... </p>
.text-1{
font-size:16px;
}
body {
overflow-x: hidden;
font-size:16px;
}
#page-content-wrapper{
font-size:16px;}
@media(min-width:768px) {
#page-content-wrapper{
font-size:17px;}
}