.gallery input[type="radio"] {visibility: hidden;margin: 0;padding: 0;height: 0;width: 0;position: absolute;}.gallery-image {position: absolute;width: 100%;height: 90%; text-align: center;top: 0;background-color: white;}.gallery-body .gallery-image img {position: absolute;margin-left: auto;margin-right: auto;margin-top: auto;margin-bottom: auto;left: 0;right: 0;top: 0;bottom: 0;}.gallery {xmargin-top: 10%;}.gallery-body {xheight: 500px;position: relative;}.gallery-body img {max-width: 90%;max-height: 90%;}.gallery-navigation {position: relative;bottom: 0;}.gallery label {border: 1px solid #007f52;}.gallery label:hover {border: 1px solid #085438;opacity: 1;}.gallery label {float: left;}.gallery {width: 100%;position: relative;height: 100%;text-align: center;}.gallery > a img {position: absolute;transition: all 0.5s;display: none;margin: auto;outline: none;border: none;}.gallery label {margin: 0 15px 20px 0px;cursor: pointer;transition: all 0.5s;opacity: 0.6;z-index: 10;position: relative;}.gallery-body {min-height: 500px;}.gallery label img {width: 70px;height: 70px;max-width: 70px;max-height: 70px;}.zoom-img {display: none;position: absolute;cursor: zoom-out;z-index: 99 !important;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}.zoom-in {cursor: zoom-in;}#tumb1:target ~ a #img1,#tumb2:target ~ a #img2,#tumb3:target ~ a #img3,#tumb4:target ~ a #img4,#tumb5:target ~ a #img5,#tumb6:target ~ a #img6,#tumb7:target ~ a #img7,#tumb8:target ~ a #img8,#tumb9:target ~ a #img9,#tumb10:target ~ a #img10,#tumb11:target ~ a #img11,#tumb12:target ~ a #img12,#tumb13:target ~ a #img13,#tumb14:target ~ a #img14,#tumb15:target ~ a #img15,#tumb16:target ~ a #img16 {display: block;}#img1 {display: block;}#tumb2:target ~ a #img1,#tumb3:target ~ a #img1,#tumb4:target ~ a #img1,#tumb5:target ~ a #img1,#tumb6:target ~ a #img1,#tumb7:target ~ a #img1,#tumb8:target ~ a #img1,#tumb9:target ~ a #img1,#tumb10:target ~ a #img1,#tumb11:target ~ a #img1,#tumb12:target ~ a #img1,#tumb13:target ~ a #img1,#tumb14:target ~ a #img1,#tumb15:target ~ a #img1,#tumb16:target ~ a #img1 {display: none;}#tumb1:target ~ label a[href="#tumb1"],#tumb2:target ~ label a[href="#tumb2"],#tumb3:target ~ label a[href="#tumb3"],#tumb4:target ~ label a[href="#tumb4"],#tumb5:target ~ label a[href="#tumb5"],#tumb6:target ~ label a[href="#tumb6"],#tumb7:target ~ label a[href="#tumb7"],#tumb8:target ~ label a[href="#tumb8"],#tumb9:target ~ label a[href="#tumb9"],#tumb10:target ~ label a[href="#tumb10"],#tumb11:target ~ label a[href="#tumb11"],#tumb12:target ~ label a[href="#tumb12"],#tumb13:target ~ label a[href="#tumb13"],#tumb14:target ~ label a[href="#tumb14"],#tumb15:target ~ label a[href="#tumb15"],#tumb16:target ~ label a[href="#tumb16"] {display: block;}@media screen and (max-width: 375px) {.gallery-body {min-height: 335px;}}@media screen and (max-width: 320px) { .gallery label {top: 15px;}.gallery label a {margin: 10px 6px 20px 0px;} }