/*--sticky-header--*/ 
.site-header {position: fixed; top: 0; z-index: 10; width: 100%;transition: all 0.2s ease-in-out 0s; animation-duration: 1s; animation-fill-mode: both;}
.sticky-header {animation-name: slideInDown;}

@keyframes slideInDown {
0% {
    transform: translate3d(0px, -100%, 0px);
    visibility: visible;
}
100% {
    transform: translate3d(0px, 0px, 0px);
}
}


@media only screen and (min-width: 1367px) and (max-width: 1550px)
{
.site-title{ margin: 13px 0;}
.sticky-header .site-title { margin: 10px 0;}
.header-image .site-title > a{  height: 3.1em;}
}      
@media only screen and (min-width: 1346px) and (max-width: 1366px)  
{ 
.site-title{ margin: 13px 0;}
.sticky-header .site-title { margin: 10px 0;}
.header-image .site-title > a{  height: 3.1em;}
}
@media only screen and (min-width: 1280px) and (max-width: 1345px)
{ 
.site-title{ margin: 13px 0;}
.sticky-header .site-title { margin: 10px 0;}

}