h2 {font-weight:bold; text-align: left; padding-top: 1em; margin-bottom: .1875em;}
@media only screen and (max-width: 680px) {
h2 {padding-top: .25em;}
}
h3 {font-weight: bold; text-align: center; padding: 10px; margin-bottom:.125em;}
h4 {font-weight:bold; text-align: left; margin-top: 0; margin-bottom: 0.25em;}

.gglmpwrap {margin: .5em auto 0; max-height: 200px; overflow: hidden; border: 2px solid #d3d3d3; margin-bottom: 5px;}
.gglmp {overflow: hidden; padding-bottom: 56.25%; position: relative; height:0;}
.gglmp iframe {left:0; top:0; height:100%; width:100%; position:absolute;}
.office {border: 1px solid #ccc; padding:20px;}

@media only screen and (max-width: 480px) {
h1 {font-size: 1.5em;}
h2, h3, h4 {font-size: 1.25em; text-align:center;}
.addr p {text-align:center;}
}
@media only screen and (min-width: 481px) and (max-width: 680px) {
h1 {font-size: 1.75em;}
h2, h3, h4 {font-size: 1.25em; text-align:center;}
.addr p {text-align:center;}
}
@media only screen and (min-width: 681px) and (max-width: 768px) {
h1 {font-size: 2em;}
h2, h3, h4 {font-size: 1.25em;}
}
@media only screen and (min-width: 769px) and (max-width: 1030px) {
h1 {font-size: 2.125em;}
h2, h4 {font-size: 1.25em;}
h3 {font-size: 1.375em;}
}
@media only screen and (min-width: 1031px) and (max-width: 1220px) {
h1 {font-size: 2.2125em;} 
h2, h4 {font-size: 1.25em;}
h3 {font-size: 1.5em;}
}
@media only screen and (min-width: 1221px) and (max-width: 1439px) {
h1 {font-size: 2.25em;}
h2, h4 {font-size: 1.25em;}
h3 {font-size: 1.75em;}
}
@media only screen and (min-width: 1440px) and (max-width:1599px) {
h1 {font-size: 2.3125em;} 
h2 {font-size: 1.5em;}
h3 {font-size: 1.815em;}
h4 {font-size: 1.3125em;}
}
@media only screen and (min-width: 1600px) {
h1 {font-size: 2.375em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.875em;}
h4 {font-size: 1.3125em;}
}