JSFiddle - React, Tailwind, and code Playground

HTML

<header class="main-header">
  	<div class="row-header">
  	</div>
</header>
<nav class="main-navigation">
  	   <ul>
  				<li>Главная</li>
  				<li>Новости</li>
  				<li>Донорство</li>
  				<li>Лечение</li>
  			</ul>
</nav>

CSS

html,
body {
	margin: 0;
	padding: 0;
	background-color: #885043;;
	background-attachment: fixed;
}

.main-header {
	width: 56%;
	height: 500px;
	background: #4c201f url(https://s8.hostingkartinok.com/uploads/images/2018/11/b3333aedbbd50cd622ce9b4d6eae52b6.png) no-repeat;
    background-size: 100%;
	margin: 0 auto;
}

.main-navigation {
  width: 100%;
	margin-top: -420px;
}

.main-navigation ul {
	width: 100%;
	list-style: none;
}

.main-navigation li {
	display: inline-block;
  padding: 1px;
	background: green;
}