#slides {
  position: relative;
}
#slides .slides-container {
  display: none;
}
#slides .scrollable {
  *zoom: 1;
  position: relative;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}
#slides .scrollable:after {
  content: "";
  display: table;
  clear: both;
}

.slides-navigation {
  margin: 0 auto;
  position: absolute;
  z-index: 3;
  top: 46%;
  width: 100%;
}
.slides-navigation a {
  position: absolute;
  display: block;
    width: 40px;
    height: 40px;
    font-size: 20px;
    text-decoration: none;
    background: rgba(0,0,0,0.5);
    color: rgba(255,255,255,0.5);
    padding: 0px;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    border-radius: 50%;
    
    
    
}
.slides-navigation a:hover{
    background: #000;
}
.slides-navigation a.prev {
  left: 0;
}
.slides-navigation a.next {
  right: 0;
}

.slides-pagination {
  display: none;
  position: none;
  z-index: 3;
  bottom: 0;
  text-align: center;
  
}
.slides-pagination a {
  border: 2px solid #dedede;
  border-radius: 5px;
  width: 0px;
  height: 0px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
  margin: 2px;
  overflow: hidden;
  text-indent: -100%;
}
.slides-pagination a.current {
  background: #222;
}
.description {
    /*background: rgba(0,0,0,0.7);*/
    border-radius: 20px;
    color: #fff;
    padding: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.boton {
    background: rgba(0,0,0,0);
    border-radius: 10px;
    color: #fff;
    padding: 20px;
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 3;
    text-decoration: none;
}

.logo_slider {
    /*background: rgba(0,0,0,0);*/
    border-radius: 10px;
    color: #fff;
    padding: 10px;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 3;
    text-decoration: none;
}


.titulo_slider {
    font-size:32px; 
    font-family: 'Lato', sans-serif;
    font-weight: 500;
   /* align-content: center;*/
}

.descripcion_slider {
    font-size:21px; 
    font-family: 'Lato', sans-serif;
    /*align-content: center;*/
}

#boton_intro {
    text-decoration: none;
    color: #fff;
   padding: 10px 20px 10px 20px;
    background-color: #660016;
    border-radius: 10px;
    border-width:1px;
    border-color: #660016;
    border-style: solid;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
}

#boton_intro:hover {
   background-color: #333333;
    border-color: #333333;
}


.sliderlogo {
    width: 500px;
}


/* MEDIA ONLY SCREEN */


@media only screen and (max-width: 1360px) {
  
    .boton {top: 75%; font-size: 12px; padding: 10px}
    .sliderlogo {width: 300px}
    .logo_slider {top:20%}
    
}

@media only screen and (max-width: 820px) {
  
    .titulo_slider {font-size:21px; font-family: 'Lato', sans-serif; line-height: 25px; align-content: center;}
    .descripcion_slider {font-size:14px; font-family: 'Lato', sans-serif; line-height: 18px; align-content: center;}
    .slides-pagination {display: none;}
    .zonalogo {width: 140px;}
    .nav > li > a {padding: 15px 6px;}
    .boton {top: 75%; font-size: 12px; padding: 10px}
     sliderlogo {width: 100px}
    .logo_slider {top:17%}
    
}


@media only screen and (max-width: 360px) {
    #boton_intro {font-size: 12px; padding: 10px}
    .boton {top: 85%; font-size: 12px;}
    sliderlogo {width: 100px}
    .logo_slider {top:10%}
}