Aalign text with panel header text

Aligning text with panel header text in Bootstrap 3

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="container">
   <div class="row">
      <div class="col">
         <h2 class="h2alignr">Left align with "Panel Title"</h2>
      </div>
   </div>
   <div class="panel panel-default">
      <div class="panel-heading">
         <div class="row col-md-6 col-md-offset-2 custyle">
            <h2>
               Panel Title
            </h2>
         </div>
      </div>
      <div class="panel-body">
        <p>Panel Body, yada yada...</p>
          <div class="          hidden-md hidden-sm hidden-xs">Size = Large</div>
          <div class="hidden-lg           hidden-sm hidden-xs">Size = Medium</div>
          <div class="hidden-lg hidden-md           hidden-xs">Size = Small</div>
          <div class="hidden-lg hidden-md hidden-sm          ">Size = XSmall</div>

     </div>
   </div> <!-- /panel -->
  
</div> <!-- /container -->

CSS

/* CSS used here will be applied after bootstrap.css */
/* CSS used here will be applied after bootstrap.css */
.panel-default > .panel-heading {
  background-color: #6666ff;
  border-color: #ddd;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  max-width: 1000px; 
}
.panel-default {
max-width: 700px;
}
.row.col-md-6.col-md-offset-2.custyle {
    width: 100% !important;
}
h2 {
  color: #AAA;
  margin-left: 15px;
  /* To line up with a panel below*/
  padding-bottom: 10px;
  font-family: Arial, Helvetica, sans-serif;
}
.panel {
  border: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 3px;
  font-family: Arial, Helvetica, sans-serif;
}
.panel-heading {
  height: 80px;
  font-family: Arial, Helvetica, sans-serif;
}
.panel-body > .panel-default {
  background: transparent;
  float: right;
  width: 650px;
  font-family: Arial, Helvetica, sans-serif;
}

h2.h2align {
    margin-left: 42px !important;
}
@media (min-width: 768px) {
    .col-sm-6 {
        width: 50%; 
    }
}
@media (min-width: 992px) {
    .col-md-offset-2 {
        margin-left: 0%;
    }
    .col-md-6 {
    width: 100%;
}
    .col-md-4 {
    width: 25%;
    margin-top: 10px;
}

    .col-md-5 {
    width: 25%;
    margin-top: 10px;
}

    .col-md-6 {
    width: 30%;
    margin-top: 10px;
}
    /* Login Error Panel - 20161122 */
    .col-md-offset-1 {
        margin-left: 300px;
    }

    .col-md-10 {
        width: 570px;
    }

}