.pater{font-size:0.7em;right:1vw;top:1vw;-webkit-box-flex:0;-ms-flex:none;flex:none;border:3px solid #fff;padding:4.5em 2.25em 2.5em;width:100%;max-width:360px;position:absolute;background:#d0cfc5;margin:auto 0 3em auto;transition:background-color 0.3s;pointer-events:visible;display:block;}
.pater:hover,
.pater:focus{outline:none;background-color:#fff;}
.pater::after{content:'Sponsored by';position:absolute;top:2.75em;left:3.5em;font-size:0.65em;letter-spacing:2px;text-transform:uppercase;font-weight:bold;}
@media screen and (min-width:50em){.pater::before{content:'';position:absolute;background:url(../img/sponsor/terminal.svg) no-repeat 50% 100%;background-size:contain;bottom:0;left:0;width:100%;height:100%;z-index:-1;-webkit-transform:translate3d(-25px, 25px, 0);transform:translate3d(-25px, 25px, 0);-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.pater:hover::before,
.pater:focus::before{opacity:1;-webkit-transform:translate3d(-40px, 40px, 0);transform:translate3d(-40px, 40px, 0);-webkit-transition:-webkit-transform 0.3s cubic-bezier(.43, .04, .32, .97);transition:transform 0.3s cubic-bezier(.43, .04, .32, .97);}
}
.pater__img{display:block;width:50%;}
.pater__title{font-size:1.5em;margin:1em 0 0.5em;}
.pater__desc{color:#3D3935;line-height:1.1;margin:0;font-size:1.25em;}
@media screen and (max-width:50em){.pater{top:0;right:0;margin:0;border:0;position:relative;max-width:none;font-size:0.85em;background-color:#fff;padding:2.5em 1em 1em;}
.pater::after{top:1em;left:1em;}
.pater__img{width:160px;}
}
@media screen and (max-width:40em){.pater__title{font-size:1em;margin-bottom:0;}
.pater__desc{display:none;}
.pater__img{max-width:30%;}
}