.pre-hexer{display:inline-block;position:relative;width:250px;height:250px;background:#ecd0ab;box-sizing:border-box;-webkit-clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%)}.hexer{position:absolute;top:2px;left:2px;width:246px;height:246px;background:#fbf7f4;box-sizing:border-box;-webkit-clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%)}.hexer img{position:absolute;top:15px;left:15px;width:215px;height:215px;-webkit-clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%)}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}.vid-but{cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.vid-but:hover{opacity:.7}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:1200px}.modal-content .vid-wrap{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden}.modal-content .vid-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.vid-close{color:#aaa;float:right;font-size:28px;font-weight:bold}.vid-close:hover,.vid-close:focus{color:black;text-decoration:none;cursor:pointer}