.google-maps {
    position: relative;
    margin-top: 20px;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

dt {
    margin-top: 1em;
}
dd {
    padding-left: 1em;
}

.strokeme {
  color: white;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.transparent {
    color: white;
    opacity: 0.75;
    font-weight: strong;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #ccc;
}

.button {
    font-family: inherit;
    padding: 0.5em 1em;
    color: white; /* rgba not supported (IE 8) */
    border: 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    white-space: nowrap;
}    

.button-hover,
.button:hover,
.button:focus {
    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    text-decoration: none; color : white
}

}
.button:focus {
    outline: 0;
}
.button-active,
.button:active {
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
    border-color: #000;
}
a.button,
a:visited.button,
a:hover.button,
a:active.button {
    color: white;
    text-decoration: none;
    font-weight: strong;
}

.background-maroon {
    background: rgb(202, 60, 60);
    /* this is a maroon */
}