Skaizy

1.) width: 1200px; я бы заменил на max-width: 1200px; (учитесь делать блоки адаптивными)

2.) margin: 0 auto;
0 - означает что по вертикали margin 0px
auto - браузер считает что по горизонтали блоку нужно дать справа и слева одинаковое расстояние, таким образом его и центрирует.

Пример:

.first {
position: relative;
width: 600px;
height: 600px;
background-color: red;
}
.second {
width: 100px;
height: 100px;
background-color: green;
position: absolute;
left: 0;
top: 0;
transform: translate(-50%, -50%);
}