
    <style>
        .weather-section {
            padding: 60px 0 80px;
        }

        .weather-box {
            max-width: 740px;
            margin: 0 auto;
            background: #18120f;
            border: 1px solid rgba(229, 166, 73, 0.35);
            border-radius: 12px;
            padding: 20px;
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.35);
        }

        .weather-frame {
            width: 100%;
            overflow: hidden;
            border-radius: 8px;
        }

        .weather-frame iframe {
            display: block;
            width: 100%;
            height: 520px;
            border: 0;
        }

        .weather-link {
            position: relative;
            z-index: 1;
            display: block;
            height: 20px;
            text-indent: -9999em;
            margin: -20px 0 0 0;
        }

        .weather-intro {
            max-width: 800px;
            margin: 0 auto;
            text-align: center;
        }

        .weather-intro p {
            margin-top: 15px;
        }

        @media (max-width: 700px) {

            .weather-section {
                padding: 40px 15px 60px;
            }

            .weather-box {
                padding: 10px;
            }

            .weather-frame iframe {
                height: 520px;
            }
        }
    </style>