@charset "UTF-8";

iframe {
  border-width: 0;
}

.card-panel-contact-padding {
  padding: 0;
}

.iframe-wrap {
  position: relative;
  width: 100%;
  padding-top: 600%; /*320px*/
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 340px) {

.iframe-wrap {
  padding-top: 550%;
}

}

@media only screen and (min-width: 360px) {

.iframe-wrap {
  padding-top: 510%;
}

}

@media only screen and (min-width: 380px) {

.iframe-wrap {
  padding-top: 490%;
}

}

@media only screen and (min-width: 400px) {

.iframe-wrap {
  padding-top: 460%;
}

}

@media only screen and (min-width: 420px) {

.iframe-wrap {
  padding-top: 440%;
}

}

@media only screen and (min-width: 440px) {

.iframe-wrap {
  padding-top: 420%;
}

}

@media only screen and (min-width: 460px) {

.iframe-wrap {
  padding-top: 390%;
}

}

@media only screen and (min-width: 480px) {

.iframe-wrap {
  padding-top: 370%;
}

}

@media only screen and (min-width: 500px) {

.iframe-wrap {
  padding-top: 360%;
}

}

@media only screen and (min-width: 550px) {

.iframe-wrap {
  padding-top: 330%;
}

}

@media only screen and (min-width: 600px) {

.iframe-wrap {
  padding-top: 300%;
}

}

@media only screen and (min-width: 650px) {

.iframe-wrap {
  padding-top: 290%;
}

}

@media only screen and (min-width: 700px) {

.iframe-wrap {
  padding-top: 270%;
}

}

@media only screen and (min-width: 800px) {

.iframe-wrap {
  padding-top: 250%;
}

}

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

.iframe-wrap {
  padding-top: 220%;
}

}

@media only screen and (min-width: 993px) {

.iframe-wrap {
  padding-top: 250%;
}

}

@media only screen and (min-width: 1100px) {

.iframe-wrap {
  padding-top: 220%;
}

}

@media only screen and (min-width: 1201px) {

.iframe-wrap {
  padding-top: 290%;
}

}

@media only screen and (min-width: 1300px) {

.iframe-wrap {
  padding-top: 270%;
}

}

@media only screen and (min-width: 1400px) {

.iframe-wrap {
  padding-top: 260%;
}

}

@media only screen and (min-width: 1500px) {

.iframe-wrap {
  padding-top: 245%;
}

}

@media only screen and (min-width: 1600px) {

.iframe-wrap {
  padding-top: 230%;
}

}

@media only screen and (min-width: 1700px) {

.iframe-wrap {
  padding-top: 220%;
}

}

@media only screen and (min-width: 1800px) {

.iframe-wrap {
  padding-top: 205%;
}

}

@media only screen and (min-width: 1900px) {

.iframe-wrap {
  padding-top: 200%;
}

}

.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}