@media (min-width: 0) {
	.content {padding-left: 1rem; padding-right: 1rem;}
	
	.article-header .img {background-size: 225%;}
	
	.main.service .item {min-width:60%;}
	.main.service .item:last-child {margin-bottom: 0;}
	
	.main.promo .item {min-width:60%; margin-bottom: 1rem; margin-right: 0;}
	.main.promo .item:last-child {margin-bottom: 0; margin-right: 0;}
	
	.menu .wide .list-section {display: none;}
	.menu .wide .separator {display: none;}
	.menu .wide .list-control {display: flex;}
 }
@media (min-width: 62rem) {
	.content {width: 58rem; padding: 0;}
	
	.article-header .img {background-size: cover;}

	.main.service .item {min-width:40%;}
	.main.service .item:nth-child(2n) {margin-left: 1rem;}
	.main.service .item:nth-last-child(-n+2) {margin-bottom: 0;}
	
	.main.promo .item {min-width:40%; margin-bottom: 1rem; margin-right: 1rem;}
	.main.promo .item:nth-child(even) {margin-right: 0;}
	.main.promo .item:nth-last-child(-n+2) {margin-bottom: 0;}
	.main.promo .item:last-child {margin-right: 0;}
	
	.menu .wide .list-section {display: flex;}
	.menu .wide .separator {display: block;}
	.menu .wide .list-control {display: none;}
 }
@media (min-width: 72rem) {
	.service .content {width: 68rem}
 }