JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="Stylesheet" type="text/css" href="style.css" />
<title>Название</title>
<style>
   a { 
    text-decoration: none;
   } 
  </style>
</head>
<body>
<div class="main">
    <div class="head">
    <h5><b>Коммунальная 2, город, индекс, РФ</b></h5>
    <p><img src="images/Logo.png"></p>
    <h1><a href="/"><b>Название<span>слоган</span></b></a></h1>
    </div>
    <div class="content-main">
    <ul class="menu">
         <li><a href="#"><b>о компании</b></a></li>
         <li><a href="#"><b>каталог</b></a></li>
         <li><a href="#"><b>контакты</b></a></li>
    </ul>
    </div>
</div>
</body>
</html>

CSS

@charset "utf-8";
/* CSS Document */
*{
	padding:0; margin:0;
    }
body{
	background:url(Images/Background.png) center top no-repeat;
}
.main{
	width:1170px; margin:0 auto;
    }
	.head{
	}
	.head h5{
		font: 18px "Visby Round CF Medium"; color: #000000; float:right; margin-top: 15px;  position:relative;
	}
	.head h1{
		font: 35px "Visby Round CF Medium"; color: #1d69b2; text-decoration:none; float:left; margin-top: 75px; margin-left:15px; 
	}
	.head a span{
		color: #00a619;
	}
	.head img{
		margin-top: 60px; float:left; margin-left:25px;
	}
	.menu{
		list-style:none; padding:0 0 0 70px;
	}
	.menu li{
		float:left; margin: 65px 0 0 65px; padding:15px 0;
	}
		.menu li a{
			font:25px "Visby Round CF Medium"; color:#000000; text-decoration:none;
		}