JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html>
<head>
	<title>Контакты | Мебель Комфорт</title>
	<link rel='stylesheet' href='css/style.css'>
	<link href="http://allfont.ru/allfont.css?fonts=open-sans-semibold" rel="stylesheet" type="text/css" />
	<link href="http://allfont.ru/allfont.css?fonts=open-sans-light" rel="stylesheet" type="text/css" />
	<link href="http://allfont.ru/allfont.css?fonts=open-sans-bold" rel="stylesheet" type="text/css" />
</head>
<body>
	<div id='header'>
		<img src='img/logo.png'>
	
		<ul>
			<li><a href='index.html'>Главная</a></li>
			<li><a href='product.html'>Продукция</a></li>
			<li><a href='uslugi.html'>Услуги</a></li>
			<li><a href='portfolio.html'>Портфолио</a></li>
			<li class='active'><a href='contacts.html'>Контакты</a></li>
		</ul>
	</div>
	
	<div id='main3'>
		<h1>Контакты</h1>
		<h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed <br>do eiusmod tempor incididunt.</h4>
		<img src='img/main2.png'>
	</div>
	
	<div id='contact_place'>
		<div>
			<div id='left_block'>
				<!--Начало формы-->
				<form>
					<div>
						<img src='/img/1.png'>
						<input type='text' placeholder='Your Name'>
					</div>
					
					<div>
						<img src='/img/2.png'>
						<input type='text' placeholder='E-Mail'>
					</div>
				</form>
				<!--Конец формы-->	
				
			</div>
			<div id='right_block'></div>
		</div>
	</div>
	
	
	
	
	<div id='footer'>
		<a href='index.html'><img src='img/down.png'></a>
	</div>
</body>
</html>

CSS

/*Общие свойства*/
html, body{
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
}

input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
textarea {resize:none;}
textarea {resize:vertical;}
textarea {resize:horizontal;}

a, a:active, a:visited{
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

.active{
border-bottom: 7px solid #6dcff6;
text-decoration: none;

color: #6dcff6;
}

.active1{
border-bottom: 3px solid #4ca2be;
text-decoration: none;
}

#footer{
width: auto;
height: auto;
text-align: center;
}

#footer a img{
height: 38px;
width: 35px;

margin-top: 45px;
margin-bottom: 70px;
}

.centerer{
height: 101px;
width: 1170px;

margin-left: auto;
margin-right: auto;
}
/*Специальные свойства*/
.heighter200{
height: 200px;
}

.heighter150{
height: 150px;
}

/*Главная*/
#header{
height: 190px;
width: 100%;
}
#header img{
height: 170px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 15px;
}

#header ul{
float: right;
margin-top: 80px;
margin-right: 55px;
}

#header ul li{
display: inline;
margin-right: 40px;
padding-bottom: 5px;
}

#header ul li a{
color: #000;
font-size: 22px;
font-weight: bold;
font-family: 'Times New Roman', arial;
}

#main{
height: 490px;
width: 100%;
background: url(/img/main.png) no-repeat;
background-size: cover;

text-align: center;
}

#main h1{
background: rgba(0, 0, 0, 0.42);

width: 860px;
color: #fff;

font-size: 45px;
font-weight: bold;
font-family: 'Times New Roman', arial;

margin: 0px;
margin-right: auto;
margin-left: auto;

padding-top: 20px;
padding-bottom: 20px;
}

#main a img{
height: 38px;
width: 35px;

margin-top: 150px;
}

/*Услуги*/
#main1{
height: 292px;
width: 100%;
background: url(/img/main1.png) no-repeat;
background-size: cover;

text-align: center;
}

#main1 h1{
color: #fff;

font-size: 45px;
font-weight: bold;
font-family: 'Times New Roman', arial;
}

#content{
height: 105px;
width: 100%;

margin-top: 35px;
margin-right: auto;
margin-left:...