JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div class="logo-top-line"></div>
    <img src="http://s22.postimg.org/skt2j3581/logo2.png" alt=""/>
    <div class="logo-bottom-line"></div>
</div>
<div class="contact text">Mobile: 000000000000</div>

CSS

* {
	margin:0;
	padding:0;
}
#wrapper {
    position: relative;
}
.logo-top-line { 
	height:2px; 
	width:100%; 
	background : rgb(88, 168, 144);
	position: absolute;
    top: 12.5%;
}
img {
    width: 100%;
}
.logo-bottom-line { 
	height:2px; 
	width:100%; 
	background : rgb(88, 168, 144);
    position: absolute;
    bottom: 11.5%;
}
.contact {
	font-family : Helvetica;
	font-size : 15px;
	line-height : 26.04px;
	color : rgb(31, 80, 108);
}