.modal{z-index:1;display:none;padding-top:10px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.8)}.modal-content{margin:auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;max-height:80%;max-width:80%}.modal-hover-opacity{opacity:1;-webkit-backface-visibility:hidden}.modal-hover-opacity:hover{opacity:.6;-webkit-backface-visibility:hidden}.close{text-decoration:none;float:right;font-size:100px;font-weight:700;color:#fff;padding-top:50px}.container1{display:inline-block}#caption,.modal-content{-webkit-animation-name:zoom;-webkit-animation-duration:.6s;animation-name:zoom;animation-duration:.6s}.row{display:flex;flex-wrap:wrap;padding:0 4px}.column{flex:25%;max-width:25%;padding:0 4px}.column img{margin-top:8px;vertical-align:middle;width:100%}@media screen and (max-width:800px){.column{flex:50%;max-width:50%}.modal-content{max-width:90%}}@media screen and (max-width:600px){.column{flex:100%;max-width:100%}.modal-content{max-width:90%}}.containertitle{padding:10px;font-weight:bolder}.containertitle a{font-weight:bolder;color:#00f}.containerdesc{padding:10px}.containerdesc a{color:#00f}.container1{padding:10px}.demo-content{border:hidden}