.letter-image{position:relative;width:200px;height:200px}.animated-mail{position:absolute;height:150px;width:200px;-webkit-transition:.4s;transition:.4s}.animated-mail .mail-body{bottom:0;border-width:0 0 100px 200px;border-color:transparent transparent #690de7 transparent}.animated-mail .mail-body,.animated-mail .top-fold{position:absolute;width:0;height:0;border-style:solid;z-index:2}.animated-mail .top-fold{top:50px;border-width:50px 100px 0 100px;-webkit-transform-origin:50% 0;-webkit-transition:transform .4s .4s,z-index .2s .4s;-moz-transform-origin:50% 0;-moz-transition:transform .4s .4s,z-index .2s .4s;transform-origin:50% 0;-webkit-transition:z-index .2s .4s,-webkit-transform .4s .4s;transition:z-index .2s .4s,-webkit-transform .4s .4s;transition:transform .4s .4s,z-index .2s .4s;transition:transform .4s .4s,z-index .2s .4s,-webkit-transform .4s .4s;border-color:#660cb5 transparent transparent transparent}.animated-mail .back-fold{position:absolute;bottom:0;width:200px;height:100px;background:#500ca3;z-index:0}.animated-mail .left-fold{position:absolute;bottom:0;width:0;height:0;border-style:solid;border-width:50px 0 50px 100px;border-color:transparent transparent transparent #660dcf;z-index:2}.animated-mail .letter{left:20px;bottom:0;position:absolute;width:160px;height:60px;background:#fff;z-index:1;overflow:hidden;-webkit-transition:.4s .2s;transition:.4s .2s}.animated-mail .letter .letter-border{height:10px;width:100%;background:repeating-linear-gradient(-45deg,#690ddc,#690ddc 8px,transparent 0,transparent 18px)}.animated-mail .letter .letter-title{margin-top:10px;margin-left:5px;height:10px;width:40%;background:#690ddc}.animated-mail .letter .letter-context{margin-top:10px;margin-left:5px;height:10px;width:20%;background:#690ddc}.animated-mail .letter .letter-stamp{margin-top:30px;margin-left:120px;border-radius:100%;height:30px;width:30px;background:#690ddc;opacity:.3}.opened .animated-mail{transform:translateY(50px);-webkit-transform:translateY(50px);-moz-transform:translateY(50px)}.opened .animated-mail .top-fold{-webkit-transition:z-index .2s,-webkit-transform .4s;transition:z-index .2s,-webkit-transform .4s;transition:transform .4s,z-index .2s;transition:transform .4s,z-index .2s,-webkit-transform .4s;transform:rotateX(180deg);-webkit-transition:transform .4s,z-index .2s;-webkit-transform:rotateX(180deg);-moz-transition:transform .4s,z-index .2s;-moz-transform:rotateX(180deg);z-index:0}.opened .animated-mail .letter{height:180px}.opened .shadow{width:250px}@media (max-width:768px){.contact{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.contact-information{max-width:250px}.contact-message{max-width:750px}.contact-us-splash{max-width:400px;min-width:400px;height:auto}.contact-us-splash.position-top{top:-1em}.contact-us-splash.mobile-screen{max-width:400px;min-width:200px}