Как адаптировать колонку по центру?

В панели разработчика на 1200px , align-items: centre; перечеркнуто.

/* style */

@import 'base/variables';
* {
    font-family: 'Museo Sans Cyrl', sans-serif;
}
.container {
    max-width: 950px;
    margin: 0 auto;
}
@import 'blocks/promo';
@import 'blocks/header.scss';
@import 'blocks/buttons';
@import 'blocks/advantages';
@import 'blocks/titles';
@import 'blocks/consultation';
@import 'blocks/forms';
@import 'blocks/carousel';
@import 'blocks/catalog';
@import 'blocks/feed';

/*_promo */

@import '../base/media';
.promo {
    min-height: 650px;
    padding: 21px 0 93px 0;
    background: url("../img/big/bg1.png") center (center/cover) no-repeat;
    &__wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        margin-top: 90px;

/*_media */

@media (max-width: 1200px) {
	.promo {
		&__wrapper {
			align-items: center;
		}
	}
}