.box{position:absolute;transform-origin:50% 50%;transition:transform 1s,border .4s;box-sizing:border-box;width:250px;height:250px;border:5px solid transparent;background:#fff}.content{display:flex;align-items:center;justify-content:center;flex-direction:column;width:230px;height:230px;transform-origin:50% 50%;transform:rotate(45deg);text-align:center;padding:50px}.content img{margin:0 auto;width:130px}.box:hover{border:5px solid #d10732;cursor:pointer}.menu-container{transition:transform 1s,border .4s;transform:translate(0px,200px) rotate(-45deg);transform-origin:50% 50%;width:520px;height:520px;margin:0 auto;position:relative}.cubiclecontainer{height:710px;background-size:cover;background-position:center center;background-repeat:no-repeat;background-blend-mode:darken;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s}.active{border:5px solid #d10732!important}.kb-wrapper{max-width:1350px;margin:20px auto;position:relative}.contentcontainer{max-width:65%;margin:120px auto}@media screen and (max-width:768px){.contentcontainer{max-width:85%;margin:120px auto}.cubiclecontainer{height:500px}.scaled{transform:translate(0px,-100px) scale(.75)}}@media screen and (max-width:600px){.contentcontainer{max-width:85%;margin:120px auto}.cubiclecontainer{height:355px}.scaled{transform:translate(0px,-150px) scale(.5)}}@media screen and (max-width:480px){.contentcontainer{max-width:85%;margin:80px auto}.cubiclecontainer{height:250px}.scaled{transform:translate(-25px,-180px) scale(.35)}}.textcontent{display:block}