*{ /*здесь отключаем все лишнии отступы*/
	margin: 0;
	padding: 0;
}

.main-menu { /*Стилизуем главное верхнее меню*/
	display:flex;
	background-color: #e40000;
	height: 80px;
	width:100%;
}

.logo {
	width:30%;
}

.logo > a {  /*Стилизуем логотип*/
	color: white;
	font-size: 50px;
	margin-top: 10px;
	margin-left:10px;
	text-decoration: none;
	display:block;
	font-weight: bold;
}


.menu {
	width:70%;
}

.inner-menu {  /*Стилизуем меню находящеесе справа*/
	float:right;
	margin-right: 40px;
	display:flex;
}

.inner-menu > li {
	list-style:none;
	margin-top: 28px;
}

.inner-menu > li > a {
	padding:35px;
	color: white;
	font-size: 20px;
	text-decoration:none;
}

.inner-menu > li > a:hover {
	background:black;
}

.submenu {  /*Стилизуем нижнее меню с категориями*/
	display:flex;
	background: black;
	width: 100%;
	height: 40px;
	justify-content: center;
}

.submenu > li {
	list-style: none;
	margin-top: 8px;
}

.submenu > li > a {
	color: white;
	text-decoration: none;
	font-size:20px;
	padding:10px;
}

.submenu > li > a:hover {
	background: #e40000;
}

.post{
	max-width: 1200px;
	margin-top: 40px;
	background-color: #f9fed5;
	border-radius: 20px;
}

.post > .post-title {
	color: black;
	font-size:50px;
	text-decoration: none;
}

.post > .post-title:hover {
	text-decoration: underline;
}

.post > img {
	max-width:1000px;
	height: 500px;
	border: 2px solid black;
	margin-top: 5px;
	margin-bottom: 5px;
	display:block;
}

.post > .post-info > p {
	font-size: 17px;
	hyphens: : manual;
	max-width:1000px;
}

.post > .last-info {
	display:flex;
	justify-content: center;
	margin-top:10px;
}

.post > .last-info > .category{
	color: gray;
	text-decoration:none;
	margin-right: 5px;
}
.post > .last-info > .category:hover{
	color: gray;
	text-decoration:underline;
}

.post > .last-info > .date {
	border-left: 2px solid black;
	padding-left: 5px;
}

.post > .continue{
	max-width:1000px;
	display:flex;
	justify-content: right;
}

.post > .continue > .inner-continue {
	color: #e40000;
	font-size:20px;
	text-decoration: none;
}

.post > .continue > .inner-continue:hover {
	text-decoration: underline;
}

footer{
	margin-top: 20px;
	width:100%;
	height:80px;
	background-color:black;
}

footer > p {
	padding-top: 20px;
	text-align: center;
	color: white;
}

.footer-menu {
	display:flex;
	justify-content: center;
}

.footer-menu {
	list-style: none;
	margin-top:10px;
}

.footer-menu > li > a {
	color:white;
	font-size:20px;
	padding-left:20px;
	text-decoration: none;
}

.footer-menu > li > a:hover {
	text-decoration: underline;
}

@media screen and (max-width:850px){
	body {
		zoom: 70%; /*Уменьшаем размер страницы*/
	}
}

@media screen and (max-width: 660px){
	.post {
		max-width: 800px;
	}
	.post > .post-title {
		font-size: 45px;
	}
	.post > img {
		max-width: 700px;
		height: 400px;
	}
	.post > .post-info > p {
		max-width: 700px;
	}
}

@media screen and (max-width: 580px){
	.main-menu {
		display:block;
		height: 230px;
	}
	.inner-menu {
		display:block;
		float:left;
		width:100%;
	}
	.inner-menu > li {
		margin-top:0px;
	}
	.inner-menu > li > a {
		padding:15px;
		display:block;
		color: white;
		font-size: 20px;
		text-decoration:none;
	}

	.inner-menu > li > a:hover {
		background:black;
	}

	.submenu {
		display:block;
		height: 300px;
	}
	.submenu > li{
		margin-top:0px;
	}
	.submenu > li > a {
		color: white;
		text-decoration: none;
		font-size:20px;
		padding:10px;
		display:block;
	}
}