Центрирующие divs в повернутых divs

Question

Я схожу с ума, я пытаюсь сосредоточить некоторые div (относительно окна просмотра). Проблема в том, что те divs, которые я хочу центрировать, вложены в некоторый вращающийся div (4deg).

.inner-wrap{ 
    width: 200vw; 
    position: relative; 
    padding: 20vh 0; 
    right: -50vw; 
    left: -50vw; 
    bottom: -50px; 
    transform-origin: bottom left; 
    transform: rotate(-4deg);// HERE THE ROTATION 
    margin: auto; 
} 

Я исправил угол для текста в статье вложен в .inner-wrap s

article{ 
    transform: rotate(4deg); 
    max-width: 960px; 
    margin: auto; 
} 

ПРОБЛЕМА: Два вращения позволяют содержание скользить немного слева в результате немного раздражает См ссылка :)

https://drive.google.com/file/d/0Bw4B9Lk7vRtda3p4TWpWNzhBZVU/view?usp=sharing

Как я могу это исправить?

Answer 1

Вы можете попробовать дать ширину заголовков, а затем поместить его по отношению к окну с 50% и margin-left: -(half of the width of the element) В этом случае я использовал -140px

section.who article.logo { 
    max-width: 280px; 
    position: relative; 
    left: 50%; 
    margin-left: -140px; 
} 

Answer 2

Ok, я идиот! Я установил начало вращения как нижний левый, а не центр ....