<!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;
}

.cts{ width: 98%; margin: auto; }
.top{ font-size: x-small; padding: 15px; color: #848482;}
.col-cts {  float: left;  width: 100%;  padding: 15px; background: white;  margin-bottom: 3%; }
.col-cts-a {  float: left;  width: 50%;  padding: 15px; background: white;  }
.col-cts-b {  float: left;  width: 100%;  padding: 15px; background: white; }

.cts-img{ float: left; width: 50%; padding: 80px; height: 25em; }

.col-cts h4 { color: #007AA5; }
/* Clear floats after the col-ctss */
.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width:600px) {
  .col-cts-a {  width: 100%; font-size: small;  margin-top:15%; text-align:justify; } }

</style>
</head>
<body>


<div class="row">
 <nav class="cts"> 

<div class="col-cts">

  <nav class="top"> Aberdare Hardware || Contact us </nav>


<nav class="col-cts-a">
   <img src="images/phone.png" class="cts-img">

</nav>

<nav class="col-cts-a">
       <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>
       <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>

</nav>



 </nav> 
 </div>

</body>
</html>
