.mainMenu {
    -webkit-transform: translateX(-230px);
    transform: translateX(-230px);
    -webkit-transition: -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out;
}

.page__mainMenu-open .mainMenu {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

@media screen and (min-width: 780px) {
    .page__mainMenu--pinned .mainMenu {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.content {
    -webkit-transition: -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out;
}