.site-header {
transition: height 500ms, background 500ms;
}
.site-header.tiny {
height: 55px;
}
.site-header.tiny .widget-area {
padding-top: 0;
}
.site-header.tiny .site-title > a {
height: 40px;
background-size: contain;
}
.site-header.tiny .genesis-nav-menu a {
padding: 5px 18px;
} .top-bottom-small {
margin-top: 40px;
margin-bottom: 40px;
}
.top-bottom-medium {
margin-top: 100px;
margin-bottom: 100px;
}
.top-bottom-large {
margin-top: 200px;
margin-bottom: 200px;
}
.transparent-white {
background: rgba(255,255,255,.8);
}
.transparent-black {
background: rgba(0,0,0,.8);
}  .animation-element {
opacity: 0;
position: relative;
} .animation-element.slide-left, .animation-element.slide-right {
opacity: 0;
-moz-transition: all 500ms linear;
-webkit-transition: all 500ms linear;
-o-transition: all 500ms linear;
transition: all 500ms linear;
-moz-transform: translate3d(-100px, 0px, 0px);
-webkit-transform: translate3d(-100px, 0px, 0px);
-o-transform: translate(-100px, 0px);
-ms-transform: translate(-100px, 0px);
transform: translate3d(-100px, 0px, 0px);
}
.animation-element.slide-right {
-moz-transform: translate3d(100px, 0px, 0px);
-webkit-transform: translate3d(100px, 0px, 0px);
-o-transform: translate(100px, 0px);
-ms-transform: translate(100px, 0px);
transform: translate3d(100px, 0px, 0px);
}
.animation-element.slide-left.in-view, .animation-element.slide-right.in-view {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}