.logo{
    position:absolute;
    margin:0 auto;
      width: 10%;
    padding-top: 80px;
    z-index: 1;
    left:20%;
}

.sliderdiv{
  position: relative;
    display: inline-flex;
    background-color: #FBFAE5;
    box-sizing: content-box;
    width: 100%;
}

.slider {
  width: 100%;
  height: 10%;
    margin: auto;
    overflow: hidden;
    box-sizing: content-box;
}

.slider ul {
    display: flex;
    padding: 0;
    width: 400%;
    
    animation: cambio 15s infinite alternate linear;
}

.slider li {
    width: 100%;
    list-style: none;
 
}

.slider .imgslider {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

@keyframes cambio {
    0% {margin-left: 0;}
    20% {margin-left: 0;}
    
    25% {margin-left: -100%;}
    45% {margin-left: -100%;}
    
    50% {margin-left: -200%;}
    70% {margin-left: -200%;}
    
    75% {margin-left: -300%;}
    100% {margin-left: -300%;}
}

@media (max-width:600px){
    .slider-portada{
        width: 100%;
        height: 400px;
    }
}
@media (min-width:600px){
 .slider-portada{
     width: 100%;
     height: 400px;
 }   
}
/* Para dispositivos medianos */
@media(min-width:768px){
.slider-portada {
width: 100%;
height: 420px;
    }
}

@media (min-width:992px){
    .slider-portada{
        width: 100%;
        height: 400px;
    }
}
/* Dispositivos muy grandes */
@media (min-width:1200px){
    .slider-portada{
        width: 100%;
        height: 600px;
    }
}