.divslide{
    width: 100%;
    height: 600px;
    background-color: #3b2200;
    overflow: hidden;


    /* background-image: url(img/yucca1.jpg);
    background-size: cover;
    background-attachment: fixed; */
    /* background-color:#793535f5; */
}
.slide{
    width:48%; 
    margin:0vw 28% 0vw 24%; 
    /* margin: 0 27%; */
    position: relative; 
    box-sizing: border-box;
}

.items{
  /* box-sizing: border-box; */
    width: 100%;
    /* height: 500px; */
    display: inline-block;
    /* margin-top: 12%; */
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    overflow: hidden;
    position: absolute;

}
.main-pos {
    margin-left: 2% !important;
    z-index: 3000;
}

.left-pos {
    opacity: .3;
    margin-left: -80% !important;
    z-index: 1000;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    transform: scale(.8);
}

.back-pos {
    margin-left: 2% !important;
    opacity: .05;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    transform: scale(.5);
}

.right-pos {
    opacity: .3;
    margin-left:  80% !important;
    z-index: 1000;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    transform: scale(.8);
}


.image{width: 100%; height: 600px;}

#prev, #next {
    cursor: pointer;
    position: absolute;
    z-index: 4000;
    top: 50%;
    width: auto;
    padding:15px 18px 2px;
    margin: 0vw;
    color: beige;
    font-weight: bold;
    font-size: 35px;
    border-radius: 3px ;
}           

#prev{left: 0%; padding-right: 24px;}
#next {right: 0%; padding-left:24px;}

#next:hover, #prev:hover{
background-color: #eee1acd8;
color: #3b2200;
}  
/* ///////////////////////////////////////////////////////////////////////// */
.text{margin-top: auto;}

@media screen and (max-width:500px){
    .slideshow{display:none;}
  }