div.cf-applications div.img-border{border:1px solid #888;border-radius:2px;padding:4px;bottom:10px}.row.display-flex{display:flex;flex-wrap:wrap}.row.display-flex>[class*='col-']{display:flex;flex-direction:column}div#modal{display:none;background-color:white;width:70%;height:auto !important;overflow-y:auto;padding:1em}div#modal h4{display:none}div#modal h3{font-size:1.2em;font-weight:bold;margin-bottom:1em;text-align:center;border-bottom:1px solid #888}div#modal span.click4more{display:none}div#modal img{padding:4px;border:1px solid #888;border-radius:4px;width:45%;float:left}div#modal div.description{display:block !important;float:right;width:50%;font-size:0.9em}.demo-close{display:block;position:relative;top:-5px;float:right;right:5px;z-index:10000;outline:none;font-size:26px;line-height:26px;color:#555}body.non-touch-device div.cf-application.zoomable{padding:20px;transition:transform .4s,padding .4s,margin .4s,border .4s}body.non-touch-device div.cf-application.zoomable h3{display:none}body.non-touch-device div.cf-application.zoomable h4{font-size:0.9em;margin:0px;text-align:center}body.non-touch-device div.cf-application.zoomable span.click4more{display:none}body.non-touch-device div.cf-application.zoomable div.img-border{position:relative}body.non-touch-device div.cf-application.zoomable:hover{padding:15px;background-color:#eee;transition:transform .4s,padding .4s,margin .4s}body.non-touch-device div.cf-application.zoomable:hover span.click4more{display:block !important;transition:display 1s;padding:0.5em;border-radius:10px;color:white;background-color:rgba(1,1,1,0.5);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}body.touch-device h3{display:none}body.touch-device h4{font-size:0.9em;margin:0px;text-align:center;margin-bottom:2em}body.touch-device span.click4more{display:block !important;transition:display 1s;padding:0.5em;border-radius:10px;color:white;background-color:rgba(1,1,1,0.5);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}body.touch-device div#modal{width:100%;height:auto !important;overflow-y:auto}body.touch-device div#modal h3{font-size:1.2em;font-weight:bold;margin-bottom:1em;text-align:center;border-bottom:1px solid #888;display:block}body.touch-device div#modal img{padding:4px;border:1px solid #888;border-radius:4px;width:50%;display:block;margin:auto;margin-bottom:1em;margin-right:1em}body.touch-device div#modal div.description{display:block !important;font-size:0.9em;float:none;width:100%}body.touch-device div#modal span.click4more{display:none !important}@media (max-width: 580px){div#modal{width:100%;height:100vh !important}div#modal img{width:80% !important;margin:auto;margin-bottom:8px !important;display:block;float:none !important}div#modal div.description{width:100%}}@media (max-width: 330px){div#modal{width:100% !important;height:100vh !important}div#modal h3{border-bottom:0px !important;font-size:1em !important;margin-bottom:4px !important}div#modal img{width:80% !important;margin-bottom:4px !important}}