body {margin: 0 auto;background-color: #ffffff;max-width: 451.4pt;padding: 72pt 72pt 72pt 72pt;font-family: "Verdana";word-wrap: break-word;}
html {background: #ccc;}
h1 {text-align: center;}
li {line-height: 30px;}
li::marker {font-weight: bold;}
img:hover {cursor: zoom-in;}
#myImg {border-radius: 5px;cursor: zoom-in;transition: 0.3s;}
#myImg:hover {opacity: 0.7;}
/* The Modal (background) */
.modal {display: none; /* Hidden by default */position: fixed; /* Stay in place */z-index: 1; /* Sit on top */padding-top: 100px; /* Location of the box */left: 0;top: 0;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.9); /* Black w/ opacity */}
/* Modal Content (image) */
.modal-content {margin: auto;display: block;width: 80%;max-width: 100%;}
/* Caption of Modal Image */
#caption {margin: auto;display: block;width: 80%;max-width: 700px;text-align: center;color: #ccc;padding: 10px 0;height: 150px;}
/* Add Animation */
.modal-content, #caption {    -webkit-animation-name: zoom;-webkit-animation-duration: 0.6s;animation-name: zoom;animation-duration: 0.6s;}
@-webkit-keyframes zoom {from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)}}
@keyframes zoom {from {transform:scale(0)} to {transform:scale(1)}}
/* The Close Button */
.close {position: absolute;top: 15px;right: 35px;color: #f1f1f1;font-size: 40px;font-weight: bold;transition: 0.3s;}
.close:hover,.close:focus {color: #bbb;text-decoration: none;cursor: pointer;}
img {width: 100%;display: block;margin: 0 auto;border: 1px solid #ccc;}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
	.modal-content {width: 100%;}
	body {padding: 10px;max-width: 100%!important;}
	img {width: 100%!important;height: inherit!important;}
	h1 {font-size: 27px;}
	.zoom-img {overflow: scroll;}
	.zoom-img img {width: inherit!important;}
	::-webkit-scrollbar {height: 12px;width: 12px;background: #000;}
	::-webkit-scrollbar-thumb {background: #20b7a2;-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);}
	::-webkit-scrollbar-corner {background: #000;}
	.zoom-img img.zoom-out {width: 100%!important;}
	span[style="font-size:27pt"],span[style="font-size:24pt"] {font-size: 18pt !important;}
}