.image-wrapper{
max-width:45%;
margin:1em;
height:auto;
float:right
}
.image-wrapper img{
width:100% !important;
height:auto !important;
border:#b00404 solid 2px;
background-color:#330102
}
.thumb{
box-shadow:4px 4px 4px #000 inset, 4px 4px 4px #000;
border:#7e7e7e solid 2px;
border-radius:20px;
padding:.1em;
margin:.6em
}
.lightbox{
color:#7e7e7e;
position:fixed;
z-index:999;
height:0;
width:0;
text-align:center;
top:0;
left:0;
background:rgba(0, 0, 0, 0.8);
opacity:0
}
.lightbox img{
max-width:90%;
max-height:90%;
margin-top:2%;
opacity:0;
box-shadow:4px 4px 4px #000 inset, 4px 4px 4px #000;
border:#7e7e7e solid 2px;
border-radius:20px;
padding:.1em
}
.lightbox:target{
outline:none;
width:100%;
height:100%;
opacity:1 !important
}
.lightbox:target img{
opacity:1;
transition:opacity 0.6s
}
.light-btn{
color:#000;
background-color:#7e7e7e;
padding:5px 15px;
text-decoration:none;
cursor:pointer;
vertical-align:middle;
position:absolute;
top:45%;
z-index:99
}
.light-btn:hover{
background-color:#3e3e3e
}
.btn-prev{
left:0%;
border:#7e7e7e solid 2px;
border-radius:1em
}
.btn-next{
right:0%;
border:#7e7e7e solid 2px;
border-radius:1em
}
.btn-close{
position:absolute;
right:2%;
top:2%;
color:#000;
background-color:#7e7e7e;
padding:10px 15px;
text-decoration:none;
border:#7e7e7e solid 2px;
border-radius:1em
}
.btn-close:hover{
border:#7e7e7e solid 2px;
background-color:#000
}