/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    z-index: 16;
    padding-top: 133px;
    left: 190px;
    top: 14px;
    border-style: solid;
    border-width: 5px;
    border-color: rgb(187, 187, 187);
    /* bottom: -5px; */
    width: 70%;
    height: 90%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0);
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 140px;
  right: 80px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}
#slide_cont
{
 box-shadow:0px 0px 10px 0px silver;
 width:600px;
 height:400px;
 margin-top:100px;
}
#slideshow_image
{
 width:600px;
 height:400px;
}
#prev_image,#next_image
{
 width:40px;
 height:40px;
}