Hi everyone,

I was hoping someone could help me with an issue I'm having. I tried combing through the forum for similar problems, but I couldn't figure out how to apply things exactly to this issue I'm having.

I'm using MJML to build my emails, but there's a layout I want to achieve that isn't one of MJML's components. Below is what I want to achieve.
Desktop
Mobile

I haven't run a full test, but so far this seems to work everywhere but Outlook. In Outlook, though, I get this:

Outlook

If any kind soul would be willing to go through this and help me figure out where it could be going awry, I'd really appreciate it!!

Here's the relevant code.

Edit: I realized how I put the code in may have been confusing and not had enough info, so here's the whole email.

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">

<head>
  <title> </title>
  <!--[if !mso]><!-- -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!--<![endif]-->
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <style type="text/css">
    #outlook a {
      padding: 0;
    }

    .ReadMsgBody {
      width: 100%;
    }

    .ExternalClass {
      width: 100%;
    }

    .ExternalClass * {
      line-height: 100%;
    }

    body {
      margin: 0;
      padding: 0;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
    }

    table,
    td {
      border-collapse: collapse;
      mso-table-lspace: 0pt;
      mso-table-rspace: 0pt;
    }

    img {
      border: 0;
      height: auto;
      line-height: 100%;
      outline: none;
      text-decoration: none;
      -ms-interpolation-mode: bicubic;
    }

    p {
      display: block;
      margin: 13px 0;
    }
  </style>
  <!--[if !mso]><!-->
  <style type="text/css">
    @media only screen and (max-width:480px) {
      @-ms-viewport {
        width: 320px;
      }
      @viewport {
        width: 320px;
      }
    }
  </style>
  <!--<![endif]-->
  <!--[if mso]>
        <xml>
        <o:OfficeDocumentSettings>
          <o:AllowPNG/>
          <o:PixelsPerInch>96</o:PixelsPerInch>
        </o:OfficeDocumentSettings>
        </xml>
        <![endif]-->
  <!--[if lte mso 11]>
        <style type="text/css">
          .outlook-group-fix { width:100% !important; }
        </style>
        <![endif]-->
  <!--[if !mso]><!-->
  <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700" rel="stylesheet" type="text/css">
  <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css">
  <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet" type="text/css">
  <style type="text/css">
    @import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,700);
    @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
    @import url(https://fonts.googleapis.com/css?family=Quicksand);
  </style>
  <!--<![endif]-->
  <style type="text/css">
    @media only screen and (min-width:480px) {
      .mj-column-per-100 {
        width: 100% !important;
        max-width: 100%;
      }
      .mj-column-per-50 {
        width: 50% !important;
        max-width: 50%;
      }
    }
  </style>
  <style type="text/css">
    @media only screen and (max-width:480px) {
      table.full-width-mobile {
        width: 100% !important;
      }
      td.full-width-mobile {
        width: auto !important;
      }
    }
  </style>
  <style type="text/css">
    @media only screen and (max-width:480px) {
      .mobilehide {
        display: none;
        font-size: 1px;
        line-height: 1px;
        color: #edeceb;
        height: 0px;
        background-color: #edeceb;
        padding: 0px, 0px;
      }
    }
  </style>
</head>

<body style="background-color:#edeceb;">
  <div style="background-color:#edeceb;">
    <div style="display:none;font-size:1px;color:#333333;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;"> Learn more about this opportunity at UPMC! &zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp; </div>
    <!--[if mso | IE]>
      <table
         align="center" border="0" cellpadding="0" cellspacing="0" class="mobilehide-outlook" style="width:650px;" width="650"
      >
        <tr>
          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
      <![endif]-->
    <div class="mobilehide" style="background:#edeceb;background-color:#edeceb;Margin:0px auto;max-width:650px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#edeceb;background-color:#edeceb;width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:2px;padding-left:25px;padding-right:25px;padding-top:10px;text-align:center;vertical-align:top;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">

        <tr>

            <td
               class="" style="vertical-align:top;width:600px;"
            >
          <![endif]-->
              <div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding-top:0px;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!--[if mso | IE]>
            </td>

        </tr>

                  </table>
                <![endif]-->
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <!--[if mso | IE]>
          </td>
        </tr>
      </table>

      <table
         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:650px;" width="650"
      >
        <tr>
          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
      <![endif]-->
    <div style="background:#771b61;background-color:#771b61;Margin:0px auto;max-width:650px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#771b61;background-color:#771b61;width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-left:25px;padding-right:25px;padding-top:0px;text-align:center;vertical-align:top;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">

        <tr>

            <td
               class="" style="vertical-align:top;width:600px;"
            >
          <![endif]-->
              <div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding-top:0px;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;">
                              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                                <tbody>
                                  <tr>
                                    <td style="width:140px;"> <img height="auto" src="https://s3.amazonaws.com/production.campaign.talemetry/uploads/emails/images/12159/content_UPMC_3_S_R_Tag-01__1_.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;"
                                        width="140"> </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!--[if mso | IE]>
            </td>

        </tr>

                  </table>
                <![endif]-->
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <!--[if mso | IE]>
          </td>
        </tr>
      </table>

      <table
         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:650px;" width="650"
      >
        <tr>
          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
      <![endif]-->
    <div style="background:#ffffff;background-color:#ffffff;Margin:0px auto;max-width:650px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:1px;padding-left:25px;padding-right:25px;padding-top:2px;text-align:center;vertical-align:top;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">

        <tr>

            <td
               class="" style="vertical-align:top;width:600px;"
            >
          <![endif]-->
              <div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding-top:0px;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!--[if mso | IE]>
            </td>

        </tr>

                  </table>
                <![endif]-->
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <!--[if mso | IE]>
          </td>
        </tr>
      </table>

      <table
         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:650px;" width="650"
      >
        <tr>
          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
      <![endif]-->
    <div style="background:#ffffff;background-color:#ffffff;Margin:0px auto;max-width:650px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;text-align:center;vertical-align:top;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">

        <tr>

            <td
               class="" style="vertical-align:top;width:650px;"
            >
          <![endif]-->
              <div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td align="center" class="cover" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                                <tbody>
                                  <tr>
                                    <td style="width:650px;"> <img height="auto" src="https://s3.amazonaws.com/production.campaign.talemetry/uploads/emails/images/12278/content_73035_Talem_Email_Temp_Headers2.jpg" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;"
                                        width="650"> </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!--[if mso | IE]>
            </td>

        </tr>

                  </table>
                <![endif]-->
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <!--[if mso | IE]>
          </td>
        </tr>
      </table>

      <table
         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:650px;" width="650"
      >
        <tr>
          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
      <![endif]-->
    <div style="background:#ffffff;background-color:#ffffff;Margin:0px auto;max-width:650px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-left:25px;padding-right:25px;padding-top:35px;text-align:center;vertical-align:top;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">

        <tr>

            <td
               class="" style="vertical-align:top;width:600px;"
            >
          <![endif]-->
              <div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding-top:0px;padding-bottom:10px;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td align="left" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:15px;padding-left:0px;word-break:break-word;">
                              <div style="font-family:Roboto, Quicksand, helvetica, arial;font-size:15px;font-weight:300;line-height:23px;text-align:left;color:#363533;">
                                <h1 style="color: #771b61; font-weight: 300; font-size: 36px; line-height: 39px; margin-bottom: 10px;">Join Our <span style="font-weight: 900;">Talent Network</span></h1>
                                <p class="intro" style="margin-bottom: 10px; margin-top: 0px; font-size: 18px; line-height: 28px; font-weight: 300;"> Nonsed eatur sum ra quunt faceatur accus con rehenihic tempor ari corpossus soluptaqui con nobist ut magnat modipicia volessincte placcus des ea sam quodi velesti orioribus, odit, tecte et occusam et am ipsam restemo dipisquae
                                  volupti atiur, eatem se min platem sit alia nem qui re consequi aspelibus dolorro il inctem et eosam is quatecatur?</p>
                                <h2 style="color: #771b61; margin-bottom: 3px; font-size: 18px; font-weight: 24px; font-weight: 700;">
                                Heading 1 </h2>
                                <p style="margin-bottom: 10px; margin-top: 0px;">busandesequi dolupic tem in re simus moloritia inctempori doloreh endebis aliquamendis sentium est ex et et modiamusam quibus sendestiis in res apel et atiorem voloria ssincia non cus aperchictem repe et ius aut harchil
                                  luptatem ute dolupiet magnis etur adia cusam estiissed maio eveliquatio. Elende nossint officid que por arum re sa id quam re sumquundes eariamus, optat quo maximus excepro mincit optatib earcita tusciuscitat volupta
                                  tureperibus eum fugiaestis pellandenia con nonet ium que</p>
                                <p style="margin-bottom: 10px; margin-top: 0px;"><a href="" style="color: #0092b3; font-weight: 800; text-decoration: none;">Link</a></p>
                                <h3 style="font-size: 16px; color: #78777a; font-weight: 800; margin-bottom: 3px;"> Heading 2 </h3>
                                <p style="margin-bottom: 10px; margin-top: 0px;"> busandesequi dolupic tem in re simus moloritia inctempori doloreh endebis aliquamendis sentium est ex et et modiamusam quibus sendestiis in res apel et atiorem voloria ssincia non cus aperchictem repe et ius aut harchil
                                  luptatem ute dolupiet magnis etur adia cusam estiissed maio eveliquatio.</p>
                              </div>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!--[if mso | IE]>
            </td>

        </tr>

                  </table>
                <![endif]-->
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <!--[if mso | IE]>
          </td>
        </tr>
      </table>
      <![endif]-->
    <!-- Events Section: START -->
    <!--[if mso | IE]>
      <table
         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:650px;" width="650"
      >
        <tr>
          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
      <![endif]-->
    <div style="background:#ffffff;background-color:#ffffff;Margin:0px auto;max-width:650px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:1px;padding-left:25px;padding-right:25px;padding-top:0px;text-align:center;vertical-align:top;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">

        <tr>
      <![endif]-->
              <!-- COLUMN ONE: START -->
              <!--[if mso | IE]>
            <td
               class="" style="vertical-align:top;width:300px;"
            >
          <![endif]-->
              <div class="mj-column-per-50 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding-top:0px;padding-right:5px;padding-left:5px;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td align="center" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:15px;padding-left:0px;word-break:break-word;">
                              <div style="font-family:Roboto, Quicksand, helvetica, arial;font-size:15px;font-weight:300;line-height:23px;text-align:center;color:#363533;">
                                <!--if [mso | IE]>
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background-color:#edeceb;" bgcolor="#edeceb"
>
<tr>
<td>
<[endif]-->
                                <div align="center" style="background-color:#edeceb;width:100%;">
                                  <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="width:100%;background-color:#edeceb;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" bgcolor="#edeceb">
                                    <tr>
                                      <td>
                                        <table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color:#edeceb;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
                                          <tr>
                                            <td align="left" valign="top" style="padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;">
                                              <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                                <tr>
                                                  <td align="center" valign="top" style="background-color:#771b61; color:#FFFFFF; font-family:Roboto, Quicksand, Helvetica, Arial, sans-serif; font-size:12px; font-weight:400; padding-top:5px; padding-bottom:5px; text-align:center;">
                                                  March </td>
                                                </tr>
                                                <tr>
                                                  <td align="center" valign="top" style="color:#771b61; font-family:Roboto, Quicksand, Helvetica, Arial, sans-serif; font-size:25px; font-weight:bold; line-height:100%; padding-top:20px; padding-bottom:20px; text-align:center;">
                                                  5 </td>
                                                </tr>
                                              </table>
                                            </td>
                                          </tr>
                                        </table>
                                      </td>
                                      <td style="padding-left:15px;padding-top:10px;padding-right:10px; padding-bottom:10px;width:70%;" width="200" valign="top">
                                        <p class="eventtitle" style="font-family: Roboto, Quicksand, helvetica, arial; font-size: 11px; line-height: 15px; text-align: left; margin-bottom: 5px; margin-top: 0px; color: #771b61; font-weight: bold;"> Networking Event 1 </p>
                                        <p class="eventdetails" style="font-family: Roboto, Quicksand, helvetica, arial; font-size: 10px; line-height: 14px; text-align: left; margin-bottom: 0px; margin-top: 0px; color: #363533; font-weight: 400;"><span class="address">March 5, 2019, 4 to 6 p.m.<br>
201 State St.<br>
Erie, PA 16550</span><br> <a href="" style="color: #0092b3; font-weight: 800; text-decoration: none;">Learn More ></a> </p>
                                      </td>
                                    </tr>
                                  </table>
                                </div>
                                <!--[if mso|IE>
</td>
</tr>
</table>
<![endif]-->
                              </div>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!--[if mso | IE]>
            </td>
          <![endif]-->
              <!-- COLUMN ONE: END -->
              <!-- COLUMN TWO: START -->
              <!--[if mso | IE]>
            <td
               class="" style="vertical-align:top;width:300px;"
            >
          <![endif]-->
              <div class="mj-column-per-50 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding-top:0px;padding-right:5px;padding-left:5px;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td align="left" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:15px;padding-left:0px;word-break:break-word;">
                              <div style="font-family:Roboto, Quicksand, helvetica, arial;font-size:15px;font-weight:300;line-height:23px;text-align:left;color:#363533;">
                                <!--if [mso | IE]>
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background-color:#edeceb;" bgcolor="#edeceb"
>
<tr>
<td>
<[endif]-->
                                <div style="background-color:#edeceb;width:100%; padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px;">
                                  <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="width:100%;background-color:#edeceb;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" bgcolor="#edeceb">
                                    <tr>
                                      <td style="padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;">
                                        <table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color:#edeceb;border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
                                          <tr>
                                            <td align="left" valign="top" style="padding-top:5px;padding-left:5px;padding-right:5px;padding-bottom:5px;">
                                              <table cellpadding="0" cellspacing="0" width="100%" :="" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
                                                <tr>
                                                  <td align="center" valign="top" style="background-color:#771b61; color:#FFFFFF; font-family:Roboto, Quicksand, Helvetica, Arial, sans-serif; font-size:12px; font-weight:400; padding-top:5px; padding-bottom:5px; text-align:center;">
                                                  March </td>
                                                </tr>
                                                <tr>
                                                  <td align="center" valign="top" style="color:#771b61; font-family:Roboto, Quicksand, Helvetica, Arial, sans-serif; font-size:25px; font-weight:bold; line-height:100%; padding-top:20px; padding-bottom:20px; text-align:center;">
                                                  5 </td>
                                                </tr>
                                              </table>
                                            </td>
                                          </tr>
                                        </table>
                                      </td>
                                      <td style="padding-left:15px;padding-top:10px;padding-right:10px; padding-bottom:10px;width:70%;" valign="top">
                                        <p class="eventtitle" style="font-family: Roboto, Quicksand, helvetica, arial; font-size: 11px; line-height: 15px; text-align: left; margin-bottom: 5px; margin-top: 0px; color: #771b61; font-weight: bold;"> Networking Event 2 </p>
                                        <p class="eventdetails" style="font-family: Roboto, Quicksand, helvetica, arial; font-size: 10px; line-height: 14px; text-align: left; margin-bottom: 0px; margin-top: 0px; color: #363533; font-weight: 400;"><span class="address">March 5, 2019, 4 to 6 p.m.<br>
201 State St.<br>
                    Erie, PA 16550</span><br> <a href="" style="color: #0092b3; font-weight: 800; text-decoration: none;">Learn More ></a></p>
                                      </td>
                                    </tr>
                                  </table>
                                </div>
                                <!--[if mso|IE>
</td>
</tr>
</table>
<![endif]-->
                              </div>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!--[if mso | IE]>
            </td>

        </tr>

                  </table>
                <![endif]-->
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <!--[if mso | IE]>
          </td>
        </tr>
      </table>

      <table
         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:650px;" width="650"
      >
        <tr>
          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
      <![endif]-->
    <div style="background:#ffffff;background-color:#ffffff;Margin:0px auto;max-width:650px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:35px;padding-left:25px;padding-right:25px;padding-top:35px;text-align:center;vertical-align:top;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">

        <tr>

            <td
               class="" style="vertical-align:top;width:600px;"
            >
          <![endif]-->
              <div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding-top:0px;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td align="center" vertical-align="middle" class="button" style="font-size:0px;padding:10px 25px;word-break:break-word;">
                              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
                                <tr>
                                  <td align="center" bgcolor="#771b61" role="presentation" style="border:none;border-radius:3px;cursor:auto;padding:10px 30px;background:#771b61;" valign="middle"> <a href="https://careers.upmc.com" style="background: #771b61; color: #ffffff; font-family: quicksand, ubuntu, helvetica, arial; font-size: 16px; font-weight: normal; line-height: 120%; Margin: 0; text-decoration: none; text-transform: none;"
                                      target="_blank">
              Learn More!
            </a> </td>
                                </tr>
                              </table>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!--[if mso | IE]>
            </td>

        </tr>

                  </table>
                <![endif]-->
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <!--[if mso | IE]>
          </td>
        </tr>
      </table>

      <table
         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:650px;" width="650"
      >
        <tr>
          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
      <![endif]-->
    <div style="background:#771b61;background-color:#771b61;Margin:0px auto;max-width:650px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#771b61;background-color:#771b61;width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:5px;padding-left:25px;padding-right:25px;padding-top:5px;text-align:center;vertical-align:top;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">

        <tr>

            <td
               class="" style="vertical-align:top;width:600px;"
            >
          <![endif]-->
              <div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding-top:0px;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"> </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!--[if mso | IE]>
            </td>

        </tr>

                  </table>
                <![endif]-->
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <!--[if mso | IE]>
          </td>
        </tr>
      </table>
      <![endif]-->
    <!-- Events Section: END -->
    <!--[if mso | IE]>
      <table
         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:650px;" width="650"
      >
        <tr>
          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
      <![endif]-->
    <div style="background:#edeceb;background-color:#edeceb;Margin:0px auto;max-width:650px;">
      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#edeceb;background-color:#edeceb;width:100%;">
        <tbody>
          <tr>
            <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:35px;padding-left:25px;padding-right:25px;padding-top:35px;text-align:center;vertical-align:top;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">

        <tr>

            <td
               class="" style="vertical-align:top;width:600px;"
            >
          <![endif]-->
              <div class="mj-column-per-100 outlook-group-fix" style="font-size:13px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                  <tbody>
                    <tr>
                      <td style="vertical-align:top;padding-top:0px;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                          <tr>
                            <td align="center" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:15px;padding-left:0px;word-break:break-word;">
                              <div style="font-family:Roboto, Quicksand, helvetica, arial;font-size:10px;font-weight:300;line-height:12px;text-align:center;color:#363533;"> <span style="font-weight:bold;">UPMC - U.S. Steel Tower</span><br> <span class="address"> </span>600 Grant St.<br> Pittsburgh, PA 15129<br><br> <a class="footer" href="https://careers.upmc.com/pages/eoe" style="text-decoration: none; color: #363533; font-weight: 200;">EOE</a>                                &nbsp | &nbsp <a class="footer" href="{{Footer.managesubscriptions_url}}" style="text-decoration: none; color: #363533; font-weight: 200;">Unsubscribe</a> </div>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <!--[if mso | IE]>
            </td>

        </tr>

                  </table>
                <![endif]-->
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <!--[if mso | IE]>
          </td>
        </tr>
      </table>
      <![endif]-->
  </div>
</body>

</html>```