/** Meneds Custom Components
******************************/


/** HeadLiner
****************/

.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;
}

    /**dependency**/
    header#maskhead,
   #content.site-content {
       /* margin-top: 60px; */
    }
/*
@media screen and (max-width: 768px){
	header#maskhead,
   #content.site-content {
        margin-top: 130px;
    }
}
*/
    /**animator**/
    @keyframes change-background {
        0% {
          background: #d4242a;
        }
        50% {
          background: #cf2228;
        }
        100% {
          background: #d4242a;
        }
      }


/** end Headliner **/