<!DOCTYPE>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, 
initial-scale=1">
<style>
* {  box-sizing: border-box;}
body {  margin: 0;}

.col-header-a {  float: left;  width: 10%;  padding: 1px; }
.col-header-b {  float: left;  width: 90%;  padding: 5px; text-align: right;  }

.col-header-c {  float: left;  width: 15%;  padding: 15px; font-size: x-small; color: #007AA5; font-weight: bolder; }
 .col-header-c  a { text-align: right; }

.logo-image{width: 100%; height: 50px;border-radius: 70%;}

.phone-image{width:25%; height: 40px;border-radius: 70%; float: left;}

/* Clear floats after the col-headers */
.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width:600px) {
.logo-image{width: 100%; height: 40px;border-radius: 70%;}

 .col-header-a {  width:12%;}
 .col-header-b{width: 88%; text-align: left;}
 .col-header-c {  display: none;}


  }

</style>
</head>
<body>


<div class="row">
  <div class="col-header-a">
 <img src="images/logo.png" class="logo-image">
 </div>
  

  <div class="col-header-b">
  <?php include_once ("menu.php"); ?>
  </div>




</div>

</body>
</html>
