#mapFull { width: 90%; width:calc(100vw - 50px); height:700px; height:calc(100vh - 5em); margin:0; padding:0 }
#mapSmall{ width: 90%; width:calc(100vw - 150px); height:700px; height:calc(100vh - 5em); margin:0; padding:0 }

#map1 { width:59%;height:400px;height:calc(100vh - 18em);display:inline-block;vertical-align:top }
#map2 { width:90%;height:250px;display:inline-block;vertical-align:top }
#map3 { width:90%;height:400px;height:calc(100vh - 12em);display:inline-block;vertical-align:top }
#map1_profiles { width:39%;height:400px;height:calc(100vh - 18em);margin-left:1%;display:inline-block; }
#map1_hpt { height:36%;height:calc((100% + 64px)/3);margin-top:10px }
#map1_spt { height:36%;height:calc((100% + 64px)/3);margin-top:-37px }
#map1_vpt { height:36%;height:calc((100% + 64px)/3);margin-top:-37px }
#map1_hp { height:36%;height:calc((100% + 64px)/3);margin-top:10px }
#map1_sp { height:36%;height:calc((100% + 64px)/3);margin-top:-37px }
#map1_vp { height:36%;height:calc((100% + 64px)/3);margin-top:-37px }
@media screen and (max-width:576px) {
#map1, #map2, #map3, #map1_profiles { width:100%;height:60vh; display:block; margin:0 }     
}
@media screen and (max-height:576px) {
#map1, #map2, #map3, #map1_profiles { width:100%;height:60vh; display:block; margin:0 }     
}

 #map1_img, #map2_img, #map3_img, #map1_wp, #map2_wp, #map3_wp { display:none }