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

body {
  margin: 0;
}

.header {  float: left;  width:100%;  background: white; padding: 0px; }

.header-a{ float: left; width: 18%; padding: 10px; }
.header-b{ float:right; width: 82%;  padding: 15px; }

.logo-img { width: 100%; height: 3em; }
/* Clear floats after the headers */
.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width:600px) {
.logo-img { width: 100%; height: 3em; }

  .header {  width: 100%; padding: 0px;   }
  .header-a { width:25%; padding: 8px;}
  .header-b { width:75%;  padding: 10px; } }


</style>
</head>
<body>


<div class="row">
<div class="header">

<nav class="header-a"> <img src="images/logo.png" class="logo-img"> </nav>

<nav class="header-b"><?php include "menu.php"; ?> </nav>




   
</div>
</div>

</body>
</html>
