.g-maps {
    overflow:hidden;
    height:0;
    position: relative;
   padding-bottom: 25.26%; /* aspect ratio */
}
.g-maps iframe {
    width: 100% !important;
    height: 100% !important;
    border:0;
    position:absolute;
  top:0;
  left:0;
  filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
	  -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
	  -webkit-backface-visibility: hidden;  /* Fix for transition flickering */
  }

.g-maps2 {
    overflow:hidden;
    height:0;
    position: relative;
   padding-bottom: 48.50%; /* aspect ratio */
}
.g-maps2 iframe {
    width: 100% !important;
    height: 100% !important;
    border:0;
    position:absolute;
  top:0;
  left:0;
  filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
	  -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
	  -webkit-backface-visibility: hidden;  /* Fix for transition flickering */
  }