.container{max-width:73.625rem;padding-right:1.25rem;padding-left:1.25rem;margin:50px auto}.material-name{margin:5px 10px;overflow-wrap:break-word}.images{display:grid;grid-template-columns:1fr;gap:15px;margin-top:15px}@media screen and (min-width: 768px){.images{grid-template-columns:1fr 1fr;gap:40px 20px}}.image_btn{padding:0;cursor:pointer;border:2px #888 solid}.image_btn>img{width:100%;height:auto;vertical-align:bottom}.modal-wrapper{position:fixed;top:0;left:0;z-index:20;display:none;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.modal-content{position:relative;width:800px;max-width:80%;max-height:80%;padding:0;margin:auto;overflow:auto;background-color:#fefefe;border:1px solid #888;border-radius:6px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);animation-name:slide-in;animation-duration:.6s}@media(max-width: 600px){.modal-content{width:90%;min-height:50%}}@keyframes slide-in{from{top:-300px;opacity:0}to{top:0;opacity:1}}.modal-header{height:64px;line-height:64px}.modal-close{float:right;width:40px;padding-right:15px;font-size:36px;font-weight:bold;line-height:64px;color:#696f8c;text-align:center}.modal-close:hover,.modal-close:focus{color:#000;text-decoration:none;cursor:pointer}.modal-body{display:block;width:90%;margin:0 auto}