URL: http://www.ssd.noaa.gov/goes/east/eaus/past_storms.php
{ padding: 0.3em 0.5em 0.2em 0.5em; font-size: 0.9em; } a.LHC { padding: 0.3em 0.5em 0.2em 1.5em; background-color: #ECEFF1; background-image: url(images/chevron_right_18px.png); background-repeat: no-repeat; background-position: top left; } div.list-group h4:first-child { margin-top: 0.5em; } div.list-group h4 { margin-top: 1em; } div.container#navigator { padding: 0px; width: 100% !important; margin: 0px !important; } div.row#map { margin-left: 0em !important; margin-right: 0em !important; width: 100% !important; border-radius: 10px; border: 1px solid #666; padding: 0.5em !important; } div#mapCont { border-radius: 10px; padding: 0; } div#mapCont.IECase { height: 0; /* collapse the container's height */ width: 70%; /* specify any width you want (a percentage value, basically) */ /* this formula makes sure the aspect ratio of the container equals that of the svg graphic */ /* padding-top: (svg height / svg width) * width-value; */ padding-top: calc(1464/1800 * 70%) !important; position: relative; background-image: url(images/svg/MapBackground_1800x1464.jpg); background-size: 100% 100%; background-repeat: no-repeat; } div#linkList { padding: 0 0.6em !important; } /* mobile sizing adjustments */ @media screen and (min-width: 1001px) and (max-width: 1500px) { div#mapCont.IECase { background-image: url(images/svg/MapBackground_1400x1139.jpg); } } @media screen and (min-width: 601px) and (max-width: 1000px) { div#mapCont.IECase { background-image: url(images/svg/MapBackground_1000x813.jpg); } } @media screen and (max-width: 600px) { div#mapCont.IECase { background-image: url(images/svg/MapBackground_600x488.jpg); } } .spinner { background-image: url(images/spinner-transparent_200x202.gif); background-position: center center; background-repeat: no-repeat; }