/* The Modal (background) */
.modal {
    display: none;
     position: fixed;
     z-index: 10000;
     padding-top: 130px;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     overflow: auto;
     background-color: black;
     margin: 0 auto;
 }
 
 /* Modal Content */
 .modal-content {
   position: relative;
   /*background-color: #fefefe;*/
   background-color: black;
   margin: auto;
   padding: 0;
   width: 65%;
   max-width: 1200px;
 }
 
 /* The Close Button */
 .close_2 {
   color: white;
   position: absolute;
   top: 10px;
   right: 25px;
   font-size: 35px;
   font-weight: bold;
 }
 
 .close_2:hover,
 .close_2:focus {
   color: #999;
   text-decoration: none;
   cursor: pointer;
 }
 
 .mySlides {
   display: none;
   text-align: center;
 }
 .mySlides img{
   /*height:500px;*/
   width: auto;
 }
 .cursor {
   cursor: pointer;
 }
 
 /* Next & previous buttons */
 .prev,
 .next {
   cursor: pointer;
   position: absolute;
   top: 50%;
   width: auto;
   padding: 16px;
   margin-top: -50px;
   color: white!important;
   font-weight: bold;
   font-size: 20px;
   transition: 0.6s ease;
   border-radius: 0 3px 3px 0;
   user-select: none;
   -webkit-user-select: none;
 }
 
 /* Position the "next button" to the right */
 .next {
   right: 0;
   border-radius: 3px 0 0 3px;
 }
 
 /* On hover, add a black background color with a little bit see-through */
 .prev:hover,
 .next:hover {
   background-color: rgba(0, 0, 0, 0.8);
 }
 
 /* Number text (1/3 etc) */
 .numbertext {
   color: #f2f2f2;
   font-size: 12px;
   padding: 8px 12px;
   position: absolute;
   top: 0;
 }
 
 
 
 .caption-container {
   text-align: center;
   background-color: black;
   padding: 2px 16px;
   color: white;
 }
 
 .demo {
   opacity: 0.6;
 }
 
 .active,
 .demo:hover {
   opacity: 1;
 }
 
 img.hover-shadow {
   transition: 0.3s;
 }
 
 .hover-shadow:hover {
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }
 @media only screen and (max-width: 768px) {
 
   .modal-content {
   position: relative;
   /*background-color: #fefefe;*/
   background-color: black;
   margin: auto;
   padding: 0;
   width: 90%;
   max-width: 90%;
 }
 .mySlides img{
   height:auto;
   width: 100%;
 }
 }