#contact-us-envelope{background:#ddd;width:400px;height:200px;margin:600px auto 100px;position:relative;box-shadow:0 5px 5px #ddd}#contact-us-envelope:before{transform-origin:50% 0;content:"";z-index:2;border:200px solid #0000;border-top-width:125px;border-bottom:125px solid #ccc;transition:all .25s ease-in-out;position:absolute;top:-50px}#contact-us-envelope:hover #cover{transform:rotateX(-135deg)}#contact-us-envelope #content{z-index:0;background:#fff;width:100%;height:100%;transition:all .25s ease-in-out;position:absolute;top:0}#contact-us-envelope form{height:300%;transform:translateY(-540px);box-shadow:0 -10px 20px #ccc}#contact-us-envelope #paper{text-align:center;transform-origin:50% 100%;opacity:1;z-index:1;clip-path:polygon(0% 0%,50% 50%,100% 0%,100% 100%,0% 100%);background:#ddd;width:100%;height:200px;margin-top:-50px;position:absolute;bottom:0}#contact-us-envelope #cover{z-index:9;clip-path:polygon(0% 0%,100% 0%,50% 100%);transform-origin:50% 0;background:#f2f2f2;width:100%;height:125px;transition:all .25s ease-in-out;display:none;position:absolute;top:0;left:0}@media (max-width:400px){#contact-us-envelope{width:250px}#contact-us-envelope:before{border-width:125px}}@media (max-width:600px){#contact-us-envelope{width:350px}#contact-us-envelope:before{border-width:125px 175px}}