<!DOCTYPE>
<html lang="en">
<head>
<title>Jostechie - For all ICT services don't be shy to try tech doctor.</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

.col-whyus-a {  float: left;  width: 30%;  padding: 15px; }
.col-whyus-b {  float: left;  width: 70%;  padding: 15px;  }

.whyus-whyus { width: 99%; margin: auto; }
.whyus { float: left; width: 100%;   background: whitesmoke; padding: 15px; margin-top: 3%; margin-bottom: 3%;
 box-shadow: 2px 2px 3px 2px #4A646C ;}

.img-whyus { width: 100%; height: 15em;  border-radius: 15px;}
.btn-whyus { float: left; padding:10px 35px;  background:#696969; color: white;  border: none; width: 112%;  font-size: x-large; margin-top: -17%; border-bottom-right-radius: 30px;  text-align: left;}

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

@media screen and (max-width:600px) {
  .whyus { margin-top: 15%; }
  .whyus-whyus { width: 97%; }
  .btn-whyus { margin-left: -6%; }
  .col-whyus-a {  width: 100%;   }
   .col-whyus-b {  width: 100%;   } 
 }

</style>
</head>
<body>


<div class="row">

<div class="whyus-whyus">
<nav class="whyus">
  
  <div class="col-whyus-a">
<button class="btn-whyus">  Why Tour and Travel with  Us ? </button>
  <img src="images/img-5.jpg" class="img-whyus">
  </div>
  
  <div class="col-whyus-b">
    <h2>col-whyus</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Maecenas sit amet pretium urna. Vivamus venenatis velit nec neque 
ultricies, eget elementum magna tristique. Quisque vehicula, risus eget 
aliquam placerat, purus leo tincidunt eros, eget luctus quam orci in 
velit. Praesent scelerisque tortor sed accumsan convallis.</p>
    <h2>col-whyus</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Maecenas sit amet pretium urna. Vivamus venenatis velit nec neque 
ultricies, eget elementum magna tristique. Quisque vehicula, risus eget 
aliquam placerat, purus leo tincidunt eros, eget luctus quam orci in 
velit. Praesent scelerisque tortor sed accumsan convallis.</p>
  </div>
</nav>


</div>
</div>
</body>
</html>
