.wrapper{width:100%;min-height:100vh;position:relative;overflow:hidden;background:linear-gradient(rgba(0,0,0,.2),transparent),url(../images/infografias/banner.jpg) 0 0/cover fixed}.wrapper-contenido{background-color:rgba(255,255,255,.9);box-shadow:0 3px 10px -1px rgba(0,0,0,.5);border-radius:3px;padding:30px 30px;width:1100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wrapper-contenido .img1{width:100%}.wrapper-contenido .img2{width:100%;display:none}.wrapper-contenido a{position:absolute;top:-20px;right:-20px;background:#d52b1f;color:#fff;border-radius:100%;height:45px;width:45px;font-size:15px;text-align:center;box-shadow:0 3px 10px -1px rgba(0,0,0,.5);cursor:pointer;transition:all 1s ease}.wrapper-contenido a:hover{background:#ec3527}.wrapper-contenido a i{line-height:45px}@media only screen and (max-width:359px){.wrapper{min-height:500px;height:100vh;overflow:auto}.wrapper-contenido{width:280px;padding:5px 5px}.wrapper-contenido a{top:5px;right:5px;height:27px;width:30px;font-size:10px;border-radius:3px;box-shadow:0 3px 10px -1px rgba(0,0,0,.3);background:#333}.wrapper-contenido a i{line-height:28px}.wrapper-contenido .img1{display:none}.wrapper-contenido .img2{display:block}}@media only screen and (min-width:360px) and (max-width:480px){.wrapper{min-height:500px;height:100vh;overflow:auto}.wrapper-contenido{width:310px;padding:5px 5px}.wrapper-contenido a{top:5px;right:5px;height:27px;width:30px;font-size:10px;border-radius:3px;box-shadow:0 3px 10px -1px rgba(0,0,0,.3);background:#333}.wrapper-contenido a i{line-height:28px}.wrapper-contenido .img1{display:none}.wrapper-contenido .img2{display:block}}@media only screen and (min-width:481px) and (max-width:599px){.wrapper{min-height:660px;height:100vh;overflow:auto}.wrapper-contenido{width:330px;padding:5px 5px}.wrapper-contenido a{top:0;right:-40px;height:30px;width:40px;font-size:11px;border-radius:3px;box-shadow:0 3px 10px -1px rgba(0,0,0,.3)}.wrapper-contenido a i{line-height:31px}.wrapper-contenido .img1{display:none}.wrapper-contenido .img2{display:block}}@media only screen and (min-width:600px) and (max-width:767px){.wrapper{min-height:600px;height:100vh;overflow:auto}.wrapper-contenido{width:580px;padding:5px 5px}.wrapper-contenido a{top:-35px;right:0;height:35px;width:50px;font-size:12px;border-radius:3px;box-shadow:0 3px 10px -1px rgba(0,0,0,.3)}.wrapper-contenido a i{line-height:36px}}@media only screen and (min-width:768px) and (max-width:979px){.wrapper{min-height:600px;height:100vh;overflow:auto}.wrapper-contenido{width:660px;padding:20px 20px}.wrapper-contenido a{top:-20px;right:-20px;height:37px;width:37px;font-size:12px}.wrapper-contenido a i{line-height:38px}}@media only screen and (min-width:980px) and (max-width:1099px){.wrapper-contenido{width:700px;padding:20px 20px}.wrapper-contenido a{top:-20px;right:-20px;height:37px;width:37px;font-size:12px}.wrapper-contenido a i{line-height:38px}}@media only screen and (min-width:1100px) and (max-width:1199px){.wrapper-contenido{width:750px;padding:21px 21px}.wrapper-contenido a{top:-15px;right:-15px;height:37px;width:37px;font-size:12px}.wrapper-contenido a i{line-height:38px}}@media only screen and (min-width:1200px) and (max-width:1299px){.wrapper-contenido{width:780px;padding:21px 21px}.wrapper-contenido a{top:-15px;right:-15px;height:37px;width:37px;font-size:12px}.wrapper-contenido a i{line-height:38px}}@media only screen and (min-width:1300px) and (max-width:1399px){.wrapper-contenido{width:800px;padding:25px 25px}.wrapper-contenido a{top:-17px;right:-17px;height:40px;width:40px;font-size:14px}.wrapper-contenido a i{line-height:40px}}@media only screen and (min-width:1400px) and (max-width:1499px){.wrapper-contenido{width:850px;padding:25px 25px}.wrapper-contenido a{top:-17px;right:-17px;height:40px;width:40px;font-size:14px}.wrapper-contenido a i{line-height:40px}}@media only screen and (min-width:1500px) and (max-width:1599px){.wrapper-contenido{width:850px;padding:25px 25px}.wrapper-contenido a{top:-17px;right:-17px;height:40px;width:40px;font-size:14px}.wrapper-contenido a i{line-height:40px}}@media only screen and (min-width:1600px) and (max-width:1699px){.wrapper-contenido{width:900px;padding:25px 25px}.wrapper-contenido a{top:-17px;right:-17px;height:40px;width:40px;font-size:14px}.wrapper-contenido a i{line-height:40px}}@media only screen and (min-width:1700px) and (max-width:1799px){.wrapper-contenido{width:950px;padding:25px 25px}.wrapper-contenido a{top:-17px;right:-17px;height:40px;width:40px;font-size:14px}.wrapper-contenido a i{line-height:40px}}@media only screen and (min-width:1800px) and (max-width:1899px){.wrapper-contenido{width:1000px;padding:25px 25px}.wrapper-contenido a{top:-17px;right:-17px;height:40px;width:40px;font-size:14px}.wrapper-contenido a i{line-height:40px}}