<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Email</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0;">
    <style type="text/css">
    body,
    table,
    td,
    a {
        font-family: 'Open Sans', Arial, sans-serif;
    }

    table {
        border-collapse: collapse !important;
    }

    img {
        display: block;
        outline: none;
        text-decoration: none;
        border: none;
        max-width: 100%;
        height: auto;
    }

    .btn {
        padding: 8px 25px;
        background: #007bff;
        border-radius: 4px;
        color: #fff !important;
        text-decoration: none !important;
        display: inline-block;
        font-size: 1em;
    }

    /* Responsive Styles */
    @media only screen and (max-width: 640px) {
        .container {
            width: 100% !important;
            min-width: 0 !important;
        }

        .stack-column,
        .stack-column-center {
            display: block !important;
            width: 100% !important;
            max-width: 100% !important;
        }

        .stack-column-center {
            text-align: center !important;
        }

        .hide-mobile {
            display: none !important;
        }

        .content-cell {
            padding: 20px 10px !important;
        }

        .header-logo {
            margin: 0 auto 10px auto !important;
            display: block !important;
        }
    }

    a,
    a:visited,
    a:hover,
    a:active {
        color: #222 !important;
        text-decoration: none !important;
    }
    </style>
</head>

<body style="margin:0; padding:0; background:#f4f4f4;">
    <table width="100%" bgcolor="#f4f4f4" cellpadding="0" cellspacing="0" border="0">
        <tr>
            <td align="center">
                <table class="container" width="600" cellpadding="0" cellspacing="0" border="0" style="width:600px; max-width:95%; background:#fff; margin:30px auto 0 auto; border-radius:8px; overflow:hidden;">
                    <!-- Header -->
                    <tr>
                        <td style="padding:0; background:#fff; border-bottom:4px solid #2a3e53;">
                            <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                    <!-- LOGO -->
                                    <td width="33%" style="vertical-align:middle; padding:10px 0 10px 18px;">
                                        <img src="https://[LOGO]" alt="Logo"
                                             style="display:block; max-width:150px; width:150px; min-width:80px; height:auto; margin:0;" />
                                    </td>
                                    <!-- SUBJECT -->
                                    <td width="34%" align="center" style="vertical-align:middle; color:#000; text-align:center; font-size:20px; font-weight:700;">
                                        [SUBJECT]
                                    </td>
                                    <!-- CONTACT -->
                                    <td width="33%" align="right" style="vertical-align:middle; text-align:right; padding:10px 18px 10px 0; color:#222; font-size:13px; font-weight:400;">
                                        [CONTACT]
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <!-- Message Content -->
                    <tr>
                        <td class="content-cell" style="padding:28px 30px 28px 30px; color:#212121; font-size:15px; line-height:1.6;">
                            [MESSAGE]
                        </td>
                    </tr>
                    <!-- Footer -->
                    <tr>
                        <td style="background:#2a3e53; border-top:2px solid #000; color:#fff; padding:0;">
                            <table width="100%" bgcolor="#2a3e53" cellpadding="0" cellspacing="0" border="0" style="font-size:10px;">
                                <tr>
                                    <td align="center" style="vertical-align:middle; color:#fff; font-size:10px; line-height:1.2; padding:4px 0 2px 0; white-space:nowrap;">
                                        [ADDRESS]
                                    </td>
                                </tr>
                                <tr>
                                    <td align="center" style="vertical-align:middle; padding:2px 0 4px 0;">
                                        <img src="https://[ENREP]" alt="Footer Logo"
                                             style="max-height:16px; width:auto; display:inline-block; vertical-align:middle; margin:0 auto;" />
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>


                </table>
                <!-- END container -->
            </td>
        </tr>
    </table>
</body>

</html>