/* TEXTO FIJO POR ENCIMA */

@import url(https://fonts.googleapis.com/css?family=Courier Prime);

body {
overflow-x: hidden;
font-family: 'Courier Prime', monospace;
background-color: #fff;
}

#wrapper {
position:relative;
}

#wrapper>div {
width:100%;
height:440px;
}

.div2 {
position: absolute;
background-color: transparent;
top: 15%;
left: 4%;
text-align: left;
}

/* TEXTO FIJO POR ENCIMA */

.slider-wrap {
  width: 100%;
  height:600px;
  position: relative;
}
.single-slide {
width: 100%;
height: 100%;
position: absolute;
opacity: 0;
animation: slider-animation;
animation-duration: 25s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
background-size: cover;
background-position: center center;
}

/* INDEX */
#slide_10 {background-color: black; background-image: url(https://marcosmata.com.ar/slider_0.jpg);}
#slide_20 {background-color: black; animation-delay: 5s; background-image: url(http://marcosmata.com.ar/slider_1_1.jpg);}
#slide_30 {background-color: black; animation-delay: 10s; background-image: url(http://marcosmata.com.ar/slider_2.jpg);}
#slide_40 {background-color: black; animation-delay: 15s; background-image: url(http://marcosmata.com.ar/slider_3_1.jpg);}
#slide_50 {background-color: black; animation-delay: 20s; background-image: url(http://marcosmata.com.ar/slider_4.jpg);}
#slide_60 {background-color: black; animation-delay: 25s; background-image: url(http://marcosmata.com.ar/slider_5_1.jpg);}


@keyframes slider-animation {
    
0% {
    opacity: 0;
}
6% {
    opacity: 1;
}
24% {
    opacity: 1;
}
30% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}

																										                                                  @media(min-width:400px) {
#wrapper>div {
width:100%;
height:400px;
}

.div2 {
position: absolute;
background-color: transparent;
top: 15%;
left: 4%;
text-align: left;
}

}

                                                                                                      @media(min-width:420px) {
#wrapper>div {
width:100%;
height:350px;
}

}

                                                                                                        @media(min-width:640px) {
/* INDEX */
#slide_10 {background-color: black; background-image: url(https://marcosmata.com.ar/slider_0.jpg);}
#slide_20 {background-color: black; animation-delay: 5s; background-image: url(http://marcosmata.com.ar/slider_1_2.jpg);}
#slide_30 {background-color: black; animation-delay: 10s; background-image: url(http://marcosmata.com.ar/slider_2.jpg);}
#slide_40 {background-color: black; animation-delay: 15s; background-image: url(http://marcosmata.com.ar/slider_3_2.jpg);}
#slide_50 {background-color: black; animation-delay: 20s; background-image: url(http://marcosmata.com.ar/slider_4.jpg);}
#slide_60 {background-color: black; animation-delay: 25s; background-image: url(http://marcosmata.com.ar/slider_5_2.jpg);}

}


                                                                                                        @media(min-width:768px) {
#wrapper>div {
width:100%;
height:400px;
}

.div2 {
position: absolute;
background-color: transparent;
top: 15%;
left: 4%;
text-align: left;
}

/* INDEX */
#slide_10 {background-color: black; background-image: url(https://marcosmata.com.ar/slider_0.jpg);}
#slide_20 {background-color: black; animation-delay: 5s; background-image: url(http://marcosmata.com.ar/slider_1_3.jpg);}
#slide_30 {background-color: black; animation-delay: 10s; background-image: url(http://marcosmata.com.ar/slider_2.jpg);}
#slide_40 {background-color: black; animation-delay: 15s; background-image: url(http://marcosmata.com.ar/slider_3_3.jpg);}
#slide_50 {background-color: black; animation-delay: 20s; background-image: url(http://marcosmata.com.ar/slider_4.jpg);}
#slide_60 {background-color: black; animation-delay: 25s; background-image: url(http://marcosmata.com.ar/slider_5_3.jpg);}

}

                                                                                                          @media(min-width:990px) {
#wrapper>div {
width:100%;
height:540px;
}



}