.landtext {
    color: #fff;
    font-size: 6em;
}

.slider {
 max-width: 100%;
  min-height: 89%;
  margin: 4em 4em 4em 25%;
  position: relative;
}

.slide1,.slide2,.slide3,.slide4,.slide5 {
  position: absolute;
  width: 100%;
  height: 100%;
}

.slide1 {
  background: url(../img/cc/ccbillboardcover.jpg)no-repeat center;
      background-size: cover;
    animation:fade 18s infinite;
-webkit-animation:fade 18s infinite;
} 
.slide2 {
  background: url(../img/bm/bmcover.jpg)no-repeat center;
      background-size: cover;
    animation:fade2 18s infinite;
-webkit-animation:fade2 18s infinite;
}
.slide3 {
    background: url(../img/ur/04.jpg)no-repeat center;
      background-size: cover;
    animation:fade3 18s infinite;
-webkit-animation:fade3 18s infinite;
}
.slide4 {
    background: url(../img/Banner.jpg)no-repeat center;
      background-size: cover;
    animation:fade4 18s infinite;
-webkit-animation:fade4 18s infinite;
}

@keyframes fade4
{
  0%   {opacity:1}
  20%   {opacity:1} 
  25% { opacity: 0}
  95% { opacity: 0}
  100% { opacity: 1}
}
@keyframes fade
{
  0%   {opacity:0}
  20%   {opacity:0} 
  25% { opacity: 1}
  45% { opacity: 1}
  50% { opacity: 0}
100% { opacity: 0}
}
@keyframes fade2
{
  0%   {opacity:0}
  45%   {opacity:0} 
  50% { opacity: 1}
  70% { opacity: 1}
  75% { opacity: 0}
100% { opacity: 0}
}
@keyframes fade3
{
   0%   {opacity:0}
  70%   {opacity:0} 
  75% { opacity: 1}
  95% { opacity: 1}
  100% { opacity: 0}
}

/* Mobile */
@media only screen and (max-width:1024px) {
.slider {
 max-width: auto;
  min-height: 80%;
  margin: 0em;
  position: relative;
}