body {
     background-color: #FFF;
    
     -webkit-animation: index 20s infinite;
     animation: index 20s infinite;

}

@keyframes  index {
    /*25% { background-color: #4080BF; } 
    50% { background-color: #FF0040; }  
    75% { background-color: #FF8040; }
    100% { background-color: #FFF; }  

    5% { background-color: #4080BF; }
    20% { background-color: #4080BF; } 
    25% { background-color: #FF0040; } 
    50% { background-color: #FF0040; } 
    55% { background-color: #FF8040; }
    80% { background-color: #FF8040; }
    85% { background-color: #FFF; } */


   
   /* 5% { background-color: #4080BF; }
    35% { background-color: #4080BF; } 
    40% { background-color: #ff476a; } 
    70% { background-color: #ff476a; } 
    75% { background-color: #FFF; } */
}

.logo_index {max-width:350px; height:150px; margin: 0 auto; background-size: contain; background-repeat: no-repeat; background-position: center;}
    .tarjetoon {background-image: url("https://tarjetoon.com/display/logo.png");}
    .antojitos {background-image: url("https://tarjetoon.com/display/antojitos.png");}
.white {background-color:#FFF;}
.slogan_index {width:100%; margin:0 0 50px 0; text-align: center; padding-top:12px;}
    .slogan_index p {font-family: 'Luckiest Guy', sans-serif; font-size: 1.50em; opacity: 0.95; text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;}

.deal {z-index: 100;}

.indexA,.indexB,.indexC,.indexD {background-size: auto; background-repeat: no-repeat; background-position: center 25%; overflow: auto;}
    .indexA h2,.indexB h2,.indexC h2,.indexD h2 {color: black; margin-top:110px;}
    .indexA p,.indexB p,.indexC p,.indexD p {color: black; margin-top:-15px; text-align: center; font-size: 0.75em; padding:0 6px;}
        .indexA {background-image: url("../display/indexA.png");}
        .indexB {background-image: url("../display/indexB.png");}
        .indexC {background-image: url("../display/indexC.png");}
        .indexD {background-image: url("../display/indexD.png");}

@media screen and (max-width:480px){
	.logo_index {max-width:250px; height:100px;}

.show {max-width: 50%;}

}