.slide {
   /*width: 75vw;*/ 
   width: 50vw;
    height: 200px;
    margin: 10px;
    
     }

.slider .slide-track {
    display: flex;
    animation: scroll 80s linear infinite;
    -webkit-animation: scroll 80s linear infinite;
    width: calc(200px * 14);
    /*width: 500px;*/
}

.slider .slide {
    width: 500px;
}

.slider .slide img {
    width: 450px;
    height: 350px;
    
}

@keyframes scroll { 
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc( -200px * 20));
        transform: translateX(calc( 2500 x * 46));
    }
}


#rds {
    position:relative;
    top: -100px; left: 200px;
    bottom: 20px;
   /* right: 100px;*/
    width: 50px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    
 }



 #img1 { width:140px;
    height:120px;
    object-fit:cover;
    float: left;

    }
#imgfoot { 
    width: 8%;
    height: 8%;
    float:left;
    object-fit: scale-down;
    object-fit: cover;

}
#up-img{
        float: right;
        width: 650px;
        height: 320px;
        object-fit:cover;
}

/* desde aqui*/

*{
     margin: 0;
     padding: 0;
     box-sizing: border-box;
  }

  header{
    background-color: #fcfaf8;
  }

  #logo{
    margin-inline-start: auto;
    height: 400px;
    width: 300px;
    text-align: right;
  }

  #logo h1{
     font-family: 'Pacifico', cursive;
     font-size: 58px;
   }

 nav{
   height: 100px;
   background-color: #FFFFFF;
   text-align: center;
 }

 nav ul{
    list-style: none;
    display:inline-block;
    padding:18px;
    
 }

 nav ul li{
     float: left;
     margin-top: 20px;
 }

 nav ul li ul {
    display:none;
            position:absolute;
            min-width:140px;
            float:none;
            list-style:none;
            background-color: rgb(250, 242, 242);
            
            
 }

 nav ul li a {
     color: rgb(2, 1, 1);
     font-weight: bold;
     text-decoration: none; 
     font-size: 20px;
     padding: 18px;
 }

 nav li:hover > ul {
            display:grid;
        }

 nav ul li a:hover{
   background-color: #1622186b;
 }

/*hasta aqui*/