html {
  overflow-x: hidden;
}
body {
  background: center center no-repeat fixed #000000;
  text-align: center;
}
@media (min-width: 768px) {
  body {
    background-image: url(../img/fundos/md.jpg);
  }
}
@media (min-width: 992px) {
  body {
    background-image: url(../img/fundos/md.jpg);
  }
}
@media (min-width: 1200px) {
  body {
    background-image: url(../img/fundos/lg.jpg);
  }
}
@media (max-width: 480px) {
  #logo {
    width: 320px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  #logo {
    top: 50%;
    left: 50%;
    position: absolute;
    margin: -150px 0 0 -400px;
    width: 500px;
    z-index: 100;
  }
}
@media (min-width: 992px) {
  #logo {
    margin: -170px 0 0 -450px;
    width: 600px;
  }
}
@media (min-width: 1200px) {
  #logo {
    margin: -170px 0 0 -450px;
  }
}
iframe {
  border: solid 5px #000;
  width: 292px;
  height: 332px;
}
@media (min-width: 768px) {
  iframe {
    top: 50%;
    left: 50%;
    position: absolute;
    margin: -170px 0 0 70px;
  }
}
@media (min-width: 992px) {
  iframe {
    margin: -170px 0 0 150px;
  }
}
@media (min-width: 1200px) {
  iframe {
    margin: -170px 0 0 150px;
  }
}