.social {
width: 443px;
height: 153px;
margin: 0 auto;
padding: 2em;
background-image: url(image/socialbackground.png);
display:flex;
}
.logo {
width: 40%;
height: 90px;
background-image: url(image/twitchicon.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin:0 15px 0 0
}
. content{
width: 60%;
}
:nth-child(2){
-o-transform: scale(0.7);
-ms-transform: scale(0.7);
-moz-transform: scale(0.7);
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
:nth-child(3){
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
-moz-transform: scale(0.5);
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
var checkeventcount = 1,prevTarget; $('.modal').on('show.bs.modal', function (e) { if(typeof prevTarget == 'undefined' || (checkeventcount==1 && e.target!=prevTarget)) { prevTarget = e.target; checkeventcount++; e.preventDefault(); $(e.target).appendTo('body').modal('show'); } else if(e.target==prevTarget && checkeventcount==2) { checkeventcount--; } });
<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;
}