Сделайте .box флексом, внутренности оберните в ещё один контейнер и ему выставите равнение по центру. Где-то вот так:
.box {
display: flex;
width: 100%;
height: 100vh;
}
.box__inner_wrap {
display: block;
width: 100%; // или какая нужна
margin: auto;
}
У других элементов уже настроиваете размеры, отступы и прочее. Используйте медиа-запросы, чтобы подогнать под нужные вам размеры экрана.