#iframecontainer {
width: 50%;
height: 50%;
position: fixed;
margin-top: 5%;
margin-left: 5%;
background: #FFF;
border: 1px solid #666;
border: 1px solid #555;
box-shadow: 2px 2px 40px #222;
z-index: 999999;
top: 0%;
left: 0%;
text-align: center;
}
#myIframe {
width: 100%; 
height: 100%; 
position: relative; 
border: none; 
}
@media (min-width:768px) {
#iframecontainer {
width: 70%;
height: 90%;
position: fixed;
margin-top: 2%;
margin-left: 5%;
background: #FFF;
border: 1px solid #666;
border: 1px solid #555;
box-shadow: 2px 2px 40px #222;
z-index: 999999;
top: 0%;
left: 10%;
}
}
@media (max-width:450px) {
#iframecontainer {
width: 90%;
height: 90%;
position: fixed;
margin-top: 2%;
margin-left: 0;
background: #FFF;
border: 1px solid #666;
border: 1px solid #555;
box-shadow: 2px 2px 40px #222;
z-index: 999999;
top: 0%;
left: 5%;
}
}