.google-maps {
    position:       relative;
    padding-bottom: 90%; // (450 ÷ 500 = 0.9 = 90%)
    height:         0;
    overflow:       hidden;
}
.google-maps iframe {
    position: absolute;
    top:      0;
    left:     0;
    width:    100%;
    height:   100%;
}
@media only screen and (min-width : 800px) {
    .workshop-details-table-col1 {
        text-align    : right;
        font-weight   : normal;
        padding-right : 10px;
        flex          : 3 1 20%;
    }
    .workshop-details-table-col2 {
        flex         : 3 1 80%;
        padding-left : 10px;
    }
}