@keyframes headlines-main-header-hide {
    0%   {left: 0px; opacity: 1;}
    20% {left:-10px; opacity: 0.9;}
    40% {left:-100px; opacity: 0.6;}
    60% {left:-300px; opacity: 0.4;}
    80% {left:-700px; opacity: 0.2;}
    100% {left:-1000px; opacity: 0;}
}

@keyframes headlines-main-header-show {
    0%   {left: 1000px; opacity: 0;}
    20% {left:700px; opacity: 0.2;}
    40% {left:300px; opacity: 0.4;}
    60% {left:100px; opacity: 0.6;}
    80% {left:10px; opacity: 0.9;}
    100% {left:0px; opacity: 1;}
}