@media (min-width: 768px) and (max-width: 1199px) {
	.container {
		width: calc(100% - 40px);
		margin-left: auto;
		margin-right: auto;
	}
	.flexbox {
		margin: 20px auto;
	}
	.header-logo a img {
		display: none;
	}

	.wrap-header-nav {
		background-color: #8E8473;
		padding: 10px 0;
	}

	.footer-menu ul.menu, 
	.header-nav ul.menu {
		flex-wrap: wrap;
		justify-content: center;

	}

	.header-nav .sub-menu {
		display: none;
	}

	.footer-menu ul.menu li, 
	.header-nav ul.menu li {
		margin: 0 10px;
	}

	.footer-menu ul.menu li a, 
	.header-nav ul.menu li a {
		padding: 6px 0;
	}


	body.home .flexbox-side {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 20px 0;
	}

	body.home .flexbox-side .button,
	body.home .flexbox-side .block-side {
		width: calc(100% / 2 - 10px);
		margin: 10px 0;
		order: 1;
	}
	body.home .flexbox-side .button {
		order: 2;
	}


	.posts {
		display: flex;
		flex-wrap: wrap;
		margin-left: -20px; 
		width: calc(100% + 20px);
	}

	.post-item {
		margin-left: 20px;
		width: calc(100% / 2 - 20px);
		margin-bottom: 20px;
	}

	.post-item .title {
		font-size: 18px;
	}

	.post-item .description, 
	.post-item .title, 
	.post-item .datetime {
		margin: 10px 0;
	}

    .wrap-trebi {
    	background-color: unset; 
    }
	.wrap-trebi .flexbox {
	    flex-direction: column-reverse;
	    padding: 0;
	    align-items: center;
	    margin-top: 0;
	    margin-bottom: 0;
	}
	.wrap-trebi .flexbox-content {
	    background-color: #efe8de;
	    padding: 0 20px;
	    padding-top: 20px;
	    margin-left: -20px;
	    margin-right: -20px;
	}

    .h2-line {
		display: block;
		text-align: center;
    }
    .h2-line::before {
    	display: none;
    }

	.h2-trebi,
    .h2-center {
    	text-align: center;
    	display: block;
    }

    .h2-center::after, 
    .h2-center::before, 
    .h2-trebi::after, 
    .h2-trebi::before {
    	display: none;
    }

	.h3-trebi {
	    text-align: center;
	    padding: unset;
	    margin-top: -25px;
	    font-size: 18px;
	    line-height: 20px;
	    width: 160px;    
	    margin-bottom: 10px;
	}

	.h1-trebi {
		background: #fff;
	}


	.shool .post-item .image {
		height: 220px;
	}

	.shool .flexbox-right,
	.shool .flexbox-left {
		max-width: 600px;
	    margin-right: auto;
	    margin-left: auto;
	}

	.shool .button {
		margin-top: 40px;
		margin-bottom: 40px;
	    margin-right: auto;
	    margin-left: auto;
	}

	.footer-menu {
		display: none;
	}

	.footer-flex {
		text-align: center;
	}
}

@media (min-width: 1024px) and (max-width: 1199px) {
	body.home .flexbox-side {
		justify-content: space-around;
	}
}