.icon-container{position:relative;width:100%;max-width:800px;height:auto}.image{width:100%;height:auto}.overlay{position:absolute;top:100;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.3s ease;background-color:fff}.icon-container:hover .overlay{opacity:1}.icon{color:white;font-size:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center}.fa-user:hover{color:#f5f5f5}#myImg{cursor:pointer;transition:.3s;width:625px}#myImg:hover{opacity:.7}.modal{display:none;position:fixed;z-index:1;padding-top:150px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.9)}.modal-content{margin:auto;padding:30px;display:block;width:100%;max-width:1000px}#caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}.modal-content,#caption{animation-name:zoom;animation-duration:.6s}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}.close{position:absolute;top:100px;right:250px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:.3s}.close:hover,.close:focus{color:#bbb;text-decoration:none;cursor:pointer}@media only screen and (max-width:700px){.modal-content{width:100% !important}#myImg{cursor:pointer;transition:.3s;width:100%}}#myImg1{cursor:pointer;transition:.3s;width:625px}#myImg1:hover{opacity:.7}.modal1{display:none;position:fixed;z-index:1;padding-top:150px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.9)}.modal-content1{margin:auto;padding:50px;display:block;width:100%;max-width:1000px}.modal-content1,#caption{animation-name:zoom;animation-duration:.6s}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}.close1{position:absolute;top:150px;right:275px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:.3s}.close1:hover,.close1:focus{color:#bbb;text-decoration:none;cursor:pointer}@media only screen and (max-width:700px){.modal-content1{width:100% !important}#myImg1{cursor:pointer;transition:.3s;width:100%}}@media only screen and (min-width:701px) and (max-width:1000px){.modal-content1{width:100% !important}#myImg1{cursor:pointer;transition:.3s;width:100% !important}.modal-content{width:100% !important}#myImg{cursor:pointer;transition:.3s;width:100% !important}#diagram{width:100% !important}#diagram img{width:100% !important;min-width:600px !important}}@media only screen and (min-width:1001px) and (max-width:1350px){.modal-content1{width:100% !important}#myImg1{cursor:pointer;transition:.3s;width:100% !important}.modal-content{width:100% !important}#myImg{cursor:pointer;transition:.3s;width:100% !important}#diagram{width:100% !important}#diagram img{width:100% !important;min-width:900px !important}}