#slideshow {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  width:100%;
  height:100%;
  _display: inline-block;
}
.elemnt,.elemnt1,.elemnt2,.elemnt3 {
position: absolute;
left: 0;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
display: inline-block;
text-align: center;
}
.elemnt {
  animation: xfade 16s 8s infinite;
  background-image: url('http://desert-maroc.com/wordpress2012/wp-content/uploads/trek-sahara-sauvage-min.jpg');
}
.elemnt1 {
  animation: xfade 16s 6s infinite;
  background-image: url('http://desert-maroc.com/wordpress2012/wp-content/uploads/sahara-desert-by-ellie-1024x683.jpg');
  
}
.elemnt2 {
  animation: xfade 16s 2s infinite;
  background-image: url('https://pbs.twimg.com/media/C4JYsjcWYAAixfx.jpg');
}
.elemnt3 {
  animation: xfade 16s 0s infinite;
  background-image: url('http://desert-maroc.com/wordpress2012/wp-content/uploads/trek-sahara-sauvage-min.jpg');
}

@keyframes xfade{
  17% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
}
@keyframes xfade1{
  17% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
}
@keyframes xfade2{
  17% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
}
@keyframes xfade3{
  17% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
}

/**************************************************************************************************/
/* ### my style overrides as workaround before migrating to neos or similar with real responsive capabilities... */
	h1,h2,h3,h4,h5,h6 {
          color_:          {$base_color};
          filter_:         brightness({$header_color_brightness});
          text-transform: uppercase;
          line-height:    1.2em;
          margin-bottom:  0.5em;
	}
	h1 {
	  font-size:      2.0em;
	}
	h2 {
	  font-size:      1.7em;
	}
	h3 {
	  font-size:      1.2em;
	}
	h4 {
	  font-size:      1.0em;
	}
	h5 {
	  font-size:      1.0em;
	}
	h6 {
	  font-size:      1.0em;
	}
        .csc-header______ {
          text-transform: uppercase;
          color:          #006000;
        }
        .csc-header-n1 {
        }
        .csc-header-n2 {
        }
        .csc-header-n3 {
        }
        .csc-header-n4 {
        }
        .csc-header-n5 {
        }
        .csc-header-n6 {
        }
        .csc-firstHeader___ {
          font-weight: 900;
          text-transform: uppercase;
          font-size: 62px;
          ggggfont-size_: 32px;
          line-height: normal;
          margin: 10px 0;
          color: #21ff21;
          color___: #212121;
          font-weight: 700;
          font-family: 'Montserrat', sans-serif;
          text-rendering: optimizeLegibility;
          -webkit-font-smoothing: antialiased !important;
        }
        .copyright___ {
          background: {$base_color};
        }
        
        _ul.navbar-nav > _li:hover > a, _ul.navbar-nav > _li.active > a {
          color: #ff0000 !important;
        }
        ._dropdown-menu > .active > a, ._dropdown-menu > ._active > a:hover, ._dropdown-menu > ._active > a:focus, ._dropdown-menu > .active > ._dropdown-menu > .active > a {
          color: #ff0000;
        }
        ._shuffle-btn-group _label.active {
          color: #ff0000;
        }
        ._dropdown-menu _li:hover a {
          color: #ff0000;
        }




h1{
@media screen 
and (min-device-width: 1200px) 
and (max-device-width: 1600px) 
{ 

          font-size: 100px;


}
@media screen 
and (min-device-width: 320px) 
and (max-device-width: 700px) 
{ 

          font-size: 25px;


}
}