body { margin: 0; padding: 0; background: #e31e24; }




.holder { 
    position: relative; 
    overflow: hidden;
    height: 70px;
    margin: -10px 0 0 0;
    background: #e31e24; 
}

.holder > p { 
    position: absolute; 
	 -webkit-transition:all 2s; 
    transition: all 2s;
    padding-left: 24px;
    color: #fff;
    font-size:20px;
    font-weight:600;
font-family: 'Barlow', sans-serif;
}

@media screen and (max-width: 768px) {
   .holder {  
        height: 140px;
   }
   


    .holder > p { 
   font-size:14px; 
    }
}

.left   { left: -100%; }
.right  { left: 100%; }
.middle { left: 0; }





section { background: #e31e24; padding: 20px; font-family: Raleway;}

ul {padding: 0; margin: 0; float: left; margin-right: 60px}
ul li,
div > div { color: #aaa; list-style: none;}

ul li.active,
div > div.active {color: #333;}