* {box-sizing:border-box}


body {font-family: Verdana,sans-serif;margin:0}


.mySlides {


   


    //width:100%;


}






.slideshow-container {






  margin: auto;


}






.prev, .next {


  cursor: pointer;


  position: absolute;


  top: 50%;


  width: auto;


  padding: 16px;


  margin-top: -22px;


  color: white;


  font-weight: bold;


  font-size: 18px;


  transition: 0.6s ease;


  border-radius: 0 3px 3px 0;


}






.next {


  right: 0;


  border-radius: 3px 0 0 3px;


}




.prev:hover, .next:hover {


  background-color: rgba(0,0,0,0.8);


}




.fade {


  -webkit-animation-name: fade;


  -webkit-animation-duration: 1.5s;


  animation-name: fade;


  animation-duration: 1.5s;


}




@-webkit-keyframes fade {


  from {opacity: .4}


  to {opacity: 1}


}




@keyframes fade {


  from {opacity: .4}


  to {opacity: 1}


}








}

@media only screen and (min-width:992px) and (max-width:1199px){ /* L */

       div{

                       font-size:35px;

       }

}

@media only screen and (min-width:768px) and (max-width:991px){ /* M */

       div{

                       font-size:30px;

       }

}

@media only screen and (min-width:576px) and (max-width:767px){ /* S */

       div{

                       font-size:25px;

       }

}

@media only screen and (max-width:575px){ /* XS */

       div{

                       font-size:20px;

       }

}

}