/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10002; /* Sit on top */
  padding-top: 30px; /* Location of the box */
  left: 0;
  top: 0;
  max-width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  max-width: 840px;
}

/* The Close Button */
.closeFlyer {
  color: #000000;
  float: right;
  font-size: 24px;
  margin-top: -20px; 
  font-weight: bold;
}

.closeFlyer:hover,
.closeFlyer:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
		
		
/***********************/
		
		
*{box-sizing:border-box}

.slideshow-container{
 max-width: 900px;
 position:relative;
 margin:auto;
}


.mySlides{
 display:none;
}

.prev, .next{
 cursor:pointer;
 position:absolute;
 top:0px;
 width:auto;
 padding:5px;
 margin: 0px 50px;
 color:#222222;
 font-weight:bold;
 font-size:20px;
 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.2);
}

.text{
 color:#f2f2f2;
 font-size:15px;
 padding:8px 12px;
 position:absolute;
 bottom:8px;
 width:100%;
 text-align:center;
}

.numbertext{
 color:#222222;
 font-size:15px;
 padding:8px 12px;
 position:absolute;
 top:-28px;
  font-weight:bold;
}

.linkText{
 color:#222222;
 font-size:13px;
 font-weight:bold;
 text-align:center;
 margin-top:-10px;
}