<!DOCTYPE html>
<html lang="en">
<head>
<title>Matthew Lehman, M.A., LMFT</title>
<style>

html {
   background: url(bluebg.jpg) no-repeat center fixed; 
   background-size: cover;
}

body {
   margin: 0;
}

p {
   font-family: arial;
   font-style: normal;
   font-weight: normal;
   font-size: 17px;
}

h1 {
   font-family: arial;
   font-size: 32px;
}

h2 {
   font-family: arial;
   color: white;
   text-indent: 15px;
}

table {
   font-family: arial;
   font-size: 16px;
}

th {
   padding: 4px;
}

.hcolumn {
   float: left;
   padding: 15px;
   height: 50px;
}


.hcolumn.hside {
   width: 15%;
}

.hcolumn.hmiddle {
   width: 70%;
   background: #b3daff;
}

.column {
   float: left; 
}

.column.side {
   width: 15%;
}

.column.middle {
   width: 70%;
   background: #b3daff;
   padding: 15px;
}

.row:after {
   display: table;
   clear: both;
}

@media (max-width: 600px) {
   .column.side, .column.middle {
        width: 100%;
   }
}

.header {
   background-color #99CCFF;
   text-align: center;
   height: 25px;
}

.topnav {
   overflow: hidden;
   background-color: #383838;
}

.topnav a {
   float: left;
   display: block;
   color: #FFFFFF;
   text-align: center;
   padding: 15px;
   text-decoration: none;
   left: 10px;
   font-family: arial;
}

.topnav a:hover {
   background-color: #ddd;
   color: black;
}

.footer {
   background-color: #383838;
   height: 25px;
   padding: 15px;
   text-align: center;
}

.box {
   width: 100%;
   height: 8px;
   background-color: gray;
   font-family: arial;
}

.box2 {
   width: 100%;
   height: 30px;
   background: url(bluebg.jpg) no-repeat center fixed;
   padding-top: 4px;
   padding-bottom: 4px;
   font-family: arial;
}

.container {
   position: relative;
   text-align: center;
   color: white;
}

.crop {
   float:left;
   position:absolute;
   top:-50px;
   width:100%;
   height:95px;
   overflow: hidden;
}

.top-left {
   position: absolute;
   top: 17px;
   left: 15px;
}

.right {
   float: right;
   display: block;
   color: #FFFFFF;
   text-align: center;
   padding: 15px;
   text-decoration: none;
   left: 10px;
   font-family: arial;
}

</style>
</head>

<body>

<div class="header">
<div class="hrow">
   <div class="hcolumn hside"></div>
   <div class="hcolumn hmiddle">
   <center><p><div class="container">
<div class="crop"><img src="beach2.jpg" width="100%">
<div class="top-left"><h1>Matt Lehman, Marriage and Family Therapist</h1></div></center><p></div></div>
   <div class="hcolumn hside"></div>
</div>
</div>

<div class="row">
   <div class="column side"></div>
   <div class="column middle"> 

<div class="topnav">
   <a href="index.html">Home</a>
   <a href="about.html">About</a>
   <a href="documents.html">Client Documents</a>
   <a href="contact.html">Contact</a>
   <div class="right">Phone: (714) 473-4603 &nbsp;&nbsp;•&nbsp;&nbsp; Fax: (714) 752-5842 &nbsp;&nbsp;•&nbsp;&nbsp; LMFT#98173</div>
</div>

<div class="box"></div>
    <p><h2><div class="box2">Contact</div></h2>

<center>

<p>

<table>
<tr>
<td width="500">Please submit and questions, comments, or concerns you have in the form below and I will get back to you as soon as possible.</td>
<td align="center">Office Address: <a href="https://www.google.com/maps/place/23151+Moulton+Pkwy+%23108,+Laguna+Hills,+CA+92653/@33.6264366,-117.7333867,17z/data=!4m5!3m4!1s0x80dce87a266a0fe3:0x83cbcb1801e1842a!8m2!3d33.6264366!4d-117.731198">23151 Moulton Parkway, Suite 108, Laguna Hills, CA 92653:</a>
<td>
</tr>

<tr>
<td align="center">
<p>
<iframe width="500" height="525" allowTransparency="true" frameborder="0" scrolling="no" style="border:none" src="https://www.emailmeform.com/builder/embed/v1piLqG7a3e5"><a href="https://www.emailmeform.com/builder/embed/v1piLqG7a3e5">Fill out form.</a></iframe>
</td>

<td align="center" width="740">

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3322.1853203008873!2d-117.73338668566811!3d33.626436580723926!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80dce87a266a0fe3%3A0x83cbcb1801e1842a!2s23151+Moulton+Pkwy+%23108%2C+Laguna+Hills%2C+CA+92653!5e0!3m2!1sen!2sus!4v1526663700026" width="690" height="525" frameborder="0" style="border:0" allowfullscreen></iframe>

</td>
</tr>
</table>

</center>

<p>

<div class="footer"></div>

<div class="column side"></div>

</body>
</html>