.weather-information{text-align:center}.weather-information__column{display:inline-block;margin:2rem 1.5rem;max-width:15rem}.weather-information__column .current{display:flex;margin-bottom:2rem}.weather-information__column .current__image{display:inline-block;flex:1}.weather-information__column .current__image--water-level{display:inline-block;flex:1;margin-right:1.75rem}.weather-information__column .current__values{flex:1;margin-left:1rem}.weather-information__column .current__values__heading{color:#fff;font-size:small;margin-bottom:.5rem;margin-top:1rem;white-space:nowrap}.weather-information__column .current__values__data{color:#fff;font-size:x-large;margin-top:1.25rem;text-align:right;white-space:nowrap}.weather-information__column .weather-box{background-color:#fff;border-radius:10px;display:flex;justify-content:space-between;padding-left:12px;width:100%}.weather-information__column .weather-box--wind-direction{background-color:#fff;border-radius:10px;display:flex;justify-content:center;width:100%}.weather-information__column .weather-box__column{display:inline-block;font-size:15px;font-weight:600;margin:.5rem 1.25rem -.5rem .75rem}.weather-information__time-stamp{color:#fff;font-size:1rem;margin-top:1rem;text-align:left}.weather-information .windspeed-svg .speed-Low{fill:#b2e8e8}.weather-information .windspeed-svg .speed-Medium{fill:#e0ff61}.weather-information .windspeed-svg .speed-High{fill:#f580c9}.weather-information .water-level-svg .water-level-Minus{background:#b2e8e8;direction:path("M4 94C1.79086 94 0 92.2091 0 90L0 85.439C8.99689 85.657 11.0759 87.8171 23.038 85.9973C35 84.1776 42.5849 85.1952 52.2785 86.3075C60.2532 87.2225 70 85.439 70 85.439V90C70 92.2091 68.2091 94 66 94H4Z")}.weather-information .water-level-svg .water-level-Low{d:path("M4 94C1.79086 94 0 92.2091 0 90L0 62.6097C8.99689 63.4091 11.0759 71.3292 23.038 64.6569C35 57.9845 42.5849 61.7159 52.2785 65.7942C60.2532 69.1493 70 62.6097 70 62.6097V90C70 92.2091 68.2091 94 66 94H4Z");background:#fff}.weather-information .water-level-svg .water-level-Medium{d:path("M4 94C1.79086 94 0 92.2091 0 90L0 43C8.99689 44.2989 7.57595 52.2674 23.038 46.3261C38.5 40.3848 40.9652 44.4591 52.2785 48.1739C61.5 51.2019 70 43 70 43V90C70 92.2091 68.2091 94 66 94H4Z");background:#fff}.weather-information .water-level-svg .water-level-High{d:path("M4 94C1.79086 94 0 92.2091 0 90L0 11C8.99689 13.1139 6 21.5 23.038 16.413C40.076 11.3261 39.4682 18.7585 52.2785 19.4203C63.5 20 70 11 70 11V90C70 92.2091 68.2091 94 66 94H4Z");background:#fff}.weather-information .wind-direction-svg .direction-N{d:path("M47.1061 39.7855C46.9047 39.3021 46.43 38.9885 45.9063 38.9885C45.3827 38.9885 44.9079 39.3021 44.7065 39.7855L38.7219 54.0566C38.4802 54.632 38.6816 55.2938 39.1966 55.6419C39.7116 55.99 40.4022 55.921 40.8424 55.4808L45.9063 50.4169L50.9702 55.4808C51.4104 55.921 52.0981 55.9872 52.616 55.6419C53.1339 55.2966 53.3324 54.632 53.0907 54.0566L47.1061 39.7855Z")}.weather-information .wind-direction-svg .direction-NE{d:path("M54.2721 43.7477C54.4715 43.2635 54.3576 42.706 53.9873 42.3358C53.617 41.9655 53.0596 41.8516 52.5754 42.0509L38.2525 47.9103C37.6747 48.1463 37.3491 48.7567 37.4671 49.367C37.5851 49.9774 38.1222 50.4168 38.7448 50.4168H45.9063V57.5783C45.9063 58.2008 46.3457 58.7339 46.9561 58.856C47.5664 58.978 48.1768 58.6484 48.4128 58.0706L54.2721 43.7477Z")}.weather-information .wind-direction-svg .direction-E{d:path("M56.5377 51.6166C57.0211 51.4152 57.3347 50.9405 57.3347 50.4168C57.3347 49.8932 57.0211 49.4184 56.5377 49.217L42.2667 43.2324C41.6912 42.9907 41.0295 43.1921 40.6813 43.7071C40.3332 44.2221 40.4022 44.9127 40.8425 45.3529L45.9064 50.4168L40.8425 55.4807C40.4022 55.9209 40.3361 56.6086 40.6813 57.1265C41.0266 57.6444 41.6912 57.8429 42.2667 57.6012L56.5377 51.6166Z")}.weather-information .wind-direction-svg .direction-SE{d:path("M52.5755 58.7826C53.0597 58.982 53.6172 58.8681 53.9875 58.4978C54.3578 58.1275 54.4717 57.5701 54.2723 57.0859L48.4129 42.7629C48.1769 42.1851 47.5666 41.8596 46.9562 41.9776C46.3459 42.0956 45.9064 42.6327 45.9064 43.2553V50.4168H38.745C38.1224 50.4168 37.5894 50.8562 37.4673 51.4666C37.3452 52.0769 37.6748 52.6873 38.2526 52.9233L52.5755 58.7826Z")}.weather-information .wind-direction-svg .direction-S{d:path("M44.7066 61.0482C44.908 61.5316 45.3828 61.8452 45.9064 61.8452C46.4301 61.8452 46.9048 61.5316 47.1062 61.0482L53.0909 46.7772C53.3326 46.2017 53.1311 45.54 52.6161 45.1918C52.1011 44.8437 51.4106 44.9127 50.9703 45.353L45.9064 50.4169L40.8425 45.353C40.4023 44.9127 39.7146 44.8466 39.1967 45.1918C38.6788 45.5371 38.4803 46.2017 38.722 46.7772L44.7066 61.0482Z")}.weather-information .wind-direction-svg .direction-SW{d:path("M37.5406 57.0858C37.3412 57.57 37.4551 58.1274 37.8254 58.4977C38.1957 58.868 38.7532 58.9819 39.2374 58.7826L53.5603 52.9232C54.1381 52.6872 54.4636 52.0768 54.3456 51.4665C54.2276 50.8561 53.6905 50.4167 53.0679 50.4167H45.9065V43.2552C45.9065 42.6327 45.467 42.0996 44.8567 41.9775C44.2463 41.8555 43.636 42.1851 43.4 42.7629L37.5406 57.0858Z")}.weather-information .wind-direction-svg .direction-W{d:path("M35.275 49.2171C34.7916 49.4185 34.478 49.8933 34.478 50.4169C34.478 50.9406 34.7916 51.4153 35.275 51.6167L49.5461 57.6014C50.1215 57.843 50.7833 57.6416 51.1314 57.1266C51.4796 56.6116 51.4105 55.9211 50.9703 55.4808L45.9064 50.4169L50.9703 45.353C51.4105 44.9128 51.4767 44.2251 51.1314 43.7072C50.7861 43.1893 50.1215 42.9908 49.5461 43.2325L35.275 49.2171Z")}.weather-information .wind-direction-svg .direction-NW{d:path("M39.2372 42.0511C38.753 41.8517 38.1955 41.9656 37.8253 42.3359C37.455 42.7062 37.3411 43.2637 37.5404 43.7479L43.3998 58.0708C43.6358 58.6486 44.2462 58.9741 44.8565 58.8561C45.4669 58.7381 45.9063 58.201 45.9063 57.5784V50.417H53.0678C53.6903 50.417 54.2234 49.9775 54.3455 49.3672C54.4675 48.7568 54.1379 48.1465 53.5601 47.9105L39.2372 42.0511Z")}@media (min-width:992px){.weather-information__column{display:inline-block;margin:5rem 3rem}}