body{background:#272621;margin:0;padding:0;overflow:hidden;font-size:16px}main{position:absolute;max-width:550px;height:auto;width:100%;left:50%;top:calc(50% - 80px);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}main img{position:absolute;width:100%;height:auto;opacity:0;top:0;left:0}main img:first-of-type{display:block;opacity:0;position:relative}a{color:#373332;text-decoration:none;font-size:1rem}footer{opacity:0;border-top:5px solid #373332;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;width:calc(100% - 50px);height:80px;background:#dad4b7;padding:0 25px;font-family:'Graduate',cursive}footer div{position:relative}footer div span{font-size:.75rem}footer div:nth-child(1){text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}footer div:nth-child(1) span{display:block;height:15px}footer div:nth-child(2){position:absolute;width:100px;height:100%;left:50%;top:0;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}footer div:nth-child(2):before,footer div:nth-child(2):after{content:'';width:40px;background:#272621;height:120px;position:absolute;z-index:2;bottom:-15px}footer div:nth-child(2):before{left:0;-webkit-transform:rotate(25deg);-ms-transform:rotate(25deg);transform:rotate(25deg)}footer div:nth-child(2):after{right:0;-webkit-transform:rotate(-25deg);-ms-transform:rotate(-25deg);transform:rotate(-25deg)}footer div:nth-child(3){text-align:right;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}footer div:nth-child(3) span{position:relative;height:22px}footer div:nth-child(3) span:nth-child(2){position:relative;top:1px}footer div:nth-child(3) svg{width:18px;position:relative;top:4px;margin-left:3px;height:auto}@media(max-width:767px){body{font-size:12px}footer{padding:0 15px;width:calc(100% - 30px)}footer div:nth-child(2){display:none}footer div:nth-child(3){text-align:right;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}footer div:nth-child(3) svg{top:5px}a{font-size:.75rem}}