.s3-content {
  text-align: center;
}
.s3-content span {
  background: DeepSkyBlue;
  color: white;
  padding: 0 0.2em;
}
.s3-content a {
  color: white;
  background: IndianRed;
  padding: 0.5em;
  text-decoration: none;
}
.s3-content a:hover {
  color: black;
  background: LightCoral;
}
.s3-lightbox {
  display: none;
  position: fixed;
  z-index: 999999999999;
  width: 95%;
  height:95%;
  top: 3%;
  left:2%;
  bottom:2%;
  color: #333333;
  background:rgba(255,255,255,1);
  overflow-x:auto; 
  border-radius:10px;
  -webkit-box-shadow:0 0 5px rgba(0,0,0,0.75);
-moz-box-shadow:0 0 5px rgba(0,0,0,0.75);
box-shadow:0 0 5px rgba(0,0,0,0.75);
 
}
.s3-lightbox:target {
  display: block;
  outline: none;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;

  
}
.s3-lightbox .s3-box {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  min-width: 88%;
  margin: 2% auto;



  height:100%;

  
}
.s3-lightbox .s3-box  {
  position: relative;
  display: inlnie-block;
  width: 80%;


  padding: 1%;

  height:auto;

 
}
.s3-box-close{
	padding:5px;

	float:right;
	margin-right:0px;
	}

.s3-lightbox .s3-box .s3-box-content {
  width:100%;
 




}