@charset "utf-8";
.row > .column{padding:0 8px;width:20%;text-align:center;}
.row:after{content:"";display:table;clear:both;}
.column{float:left;padding:1em;margin-bottom:1em;}
.column img{width:140px;height:140px;}
.modal{display:none;position:fixed;z-index:5;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;}
.modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;width:90%;max-width:1200px;}
.modal-content img{width:90%;max-width:400px;}
.close{color:white;position:absolute;top:10px;right:25px;font-size:35px;font-weight:bold;}
.close:hover,
.close:focus{color:#FC0;text-decoration:none;cursor:pointer;}
.mySlides{display:none;background-color:#000;text-align:center;}
.cursor{cursor:pointer}
#thumbnail{width:100px;height:100px;border:#CCC 1px solid;padding:2px;border-radius:15px;display:inline-block;}
.prev,
.next{cursor:pointer;position:absolute;top:150px;width:auto;padding:16px;margin-top:-50px;color:white;font-weight:bold;font-size:20px;transition:0.6s ease;border-radius:0 3px 3px 0;user-select:none;-webkit-user-select:none;}
.next{right:0;border-radius:3px 0 0 3px;}
.prev:hover,
.next:hover{background-color:#000;color:#FC0;}
.numbertext{color:#f2f2f2;font-size:12px;padding:8px 12px;position:absolute;top:0;}
img{margin-bottom:-4px;}
.caption-container{text-align:center;background-color:#000;padding:2px 16px;color:white;}
.demo{opacity:0.6;}
.active,
.demo:hover{opacity:1;}
img.hover-shadow{transition:0.3s}
@media screen and (max-width:925px){.row > .column{padding:0 8px;width:29%;text-align:center;}
.column img{width:100%;min-width:100px;height:auto;}
#thumbnail{width:80px;height:80px;}
}
@media screen and (max-width:500px){.row > .column{padding:0 8px;width:100%;text-align:center;}
.column{padding:0;margin-bottom:3px;}
.column img{width:100px;height:100px;}
.close{color:white;position:absolute;top:70px;right:45%;font-size:30px;font-weight:bold; z-index:+6;}
#thumbnail{display:none;}
.numbertext{display:none;}
.prev,
.next{cursor:pointer;position:absolute;top:150px;width:auto;padding:1px;margin-top:-50px;color:white;font-weight:bold;font-size:20px;transition:0.6s ease;border-radius:0 3px 3px 0;user-select:none;-webkit-user-select:none;}
}