#mImg, #mImg2, #mImg3, #mImg4, #mImg5, #mImg6, #mImg7, #mImg8, #mImg9, #mImg10, #mImg11, #mImg12, #mImg13, #mImg14, #mImg15, #mImg16{border-radius:25px;cursor:pointer;transition:0.3s;}
#mImg:hover{opacity:0.7;}
#mImg2:hover{opacity:0.7;}
#mImg3:hover{opacity:0.7;}
#mImg4:hover{opacity:0.7;}
#mImg5:hover{opacity:0.7;}
#mImg6:hover{opacity:0.7;}
#mImg7:hover{opacity:0.7;}
#mImg8:hover{opacity:0.7;}
#mImg9:hover{opacity:0.7;}
#mImg10:hover{opacity:0.7;}
#mImg11:hover{opacity:0.7;}
#mImg12:hover{opacity:0.7;}
#mImg13:hover{opacity:0.7;}
#mImg14:hover{opacity:0.7;}
#mImg15:hover{opacity:0.7;}
#mImg16:hover{opacity:0.7;}
.modal{display:none;position:fixed;z-index:10000;padding-top:5px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.9);}
.modal-content{margin:auto;display:block;width:80%;max-width:950px;}
#modalCaption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px;}
.modal-content, #modalCaption{-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)}
}
.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;}
@media only screen and (max-width:500px){.modal-content{width:50%;}
}