.headliner {
animation: change-background 5s ease-in-out infinite;
z-index: 1;
width: 100%;
top: 0;
left: 0;
z-index: 6;
position: fixed;
text-align: center;
text-transform: uppercase;
font-weight: 800;
letter-spacing: 3px;
padding:10px;
font-size: 1.25rem;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.headliner a{
color: #ffffff;
font-family: 'Oswald', sans-serif;
font-size: 1.75rem;
}
.headliner a:hover, .headliner a:focus {
text-decoration: none;
color: #cccccc;
} header#maskhead,
#content.site-content { }  @keyframes change-background {
0% {
background: #d4242a;
}
50% {
background: #cf2228;
}
100% {
background: #d4242a;
}
}