.cb-slideshow li span { 
    width: 100%;
    height: 110%;
    position: absolute;
    top: 0;
    left: 0;
    color:transparent;
    opacity: 0;

    z-index: 0;
    animation: imageAnimation 36s linear infinite 0s; 
}

body{
    background-size:cover;
	background-position:50% 50%;
	background-attachment:fixed;
    overflow:hidden;
}
.cb-slideshow li {
    color:transparent;
}
.cb-slideshow li div { 
    z-index:1000;
       
    opacity: 0;
    top: 50%;
    left: 50%;
    position:absolute;
    text-align:center;
    transform: translate(-50%, -50%);
    animation: titleAnimation 36s linear infinite 0s;
}



.cb-slideshow li div p { 
    font-family: Montserrat;
    font-size: 60px;
    display:inline;
    top: 50%;
    left: 50%;
    text-align:center; 
    background-color:black;
    color:white;

}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(../img/person.jpg) ;
     background-size:cover;
	background-position:50% 50%;
	background-attachment:fixed;

}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../img/bonus.jpg);
    background-size:cover;
	background-position:50% 50%;
	background-attachment:fixed;
    animation-delay: 6s; 

}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../img/protracter.jpg);
     background-size:cover;
	background-position:50% 50%;
	background-attachment:fixed;
    
    animation-delay: 12s; 

}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../img/clock.jpg);
     background-size:cover;
	background-position:50% 50%;
	background-attachment:fixed;
    animation-delay: 18s; 

}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../img/phone.jpg);
    background-size:cover;
	background-position:50% 50%;
	background-attachment:fixed;
    animation-delay: 24s; 

}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(../img/road.jpg);
   background-size:cover;
	background-position:50% 50%;
	background-attachment:fixed;
    animation-delay: 30s; 

}



.cb-slideshow li:nth-child(2) div { 
    
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 

    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
    
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) div { 

    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) div { 

    animation-delay: 30s; 
}
/* Animation for the slideshow images */

@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */

/* Styles */

@media (max-width:700px) {
.cb-slideshow li div p { 
    font-size:40px;
}
}