#page-header #left-aside-toggle {
display: block !important;
}
@media screen and (min-width: 60em) {
#page-header #logo {
width: 100%;
bottom: 10px;
text-align: center;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
#page-header #searchbox,
#page-header #main-navigation {
display: none;
}
.page-aside {
display: block;
width: 400px;
}
#aside-left {
left: -400px;
}
#aside-right {
right: -400px;
}
#page.aside-left-open {
left: 400px;
}
#page.aside-right-open {
right: 400px;
}
.csstransforms3d.csstransitions #aside-left {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.csstransforms3d.csstransitions #aside-right {
right: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.csstransforms3d.csstransitions #page {
left: 0 !important;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 300ms ease;
transition: transform 300ms ease;
}
.csstransforms3d.csstransitions #page.aside-left-open {
-webkit-transform: translate3d(400px, 0, 0);
-ms-transform: translate3d(400px, 0, 0);
transform: translate3d(400px, 0, 0);
}
.csstransforms3d.csstransitions #page.aside-right-open {
-webkit-transform: translate3d(-400px, 0, 0);
-ms-transform: translate3d(-400px, 0, 0);
transform: translate3d(-400px, 0, 0);
}
.aside-content {
padding: 40px;
}
}