.browser{height:430px;width:90%;border-radius:12px 12px 43px 43px;position:relative;background:0;box-shadow:0 33px 70px rgba(0,0,0,0.34);z-index:2;margin:12% auto}.browser .dots span{height:11px;width:11px;display:inline-block;border-radius:100%;margin:0px 4px}.browser:before,.browser:after{height:150px;width:150px;content:"";display:block;background:url(https://cdn2.hubspot.net/hubfs/2930497/Images,%20Logos,%20Graphics,%20Infographics%20etc/Logo%20images/Labs%20Customer%20Logos/home_page/squares.png) no-repeat;background-size:contain;position:absolute;z-index:-1}.browser:before{top:-60px;right:43px}.browser:after{bottom:-60px;left:34px}.browser .dots{padding:14px;background:#fff;border-radius:12px 12px 0 0;position:relative;z-index:4}.browser a{height:100%;width:100%;display:block;text-align:center;line-height:100%;border-radius:0 0 43px 43px}.thumbnail{z-index:2;position:absolute;top:50px;left:0;height:calc(100% - 50px);width:100%;background:#fff;border-radius:0 0 43px 43px}.thumbnail a span{border:4px solid #fff;position:absolute;height:102px;width:102px;border-radius:100%;top:33%;background:rgba(0,0,0,0.14);line-height:95px;font-size:21px;color:#fff;box-shadow:0 12px 21px rgba(0,0,0,0.14);left:50%;transform:translateX(-50%);transition:all 210ms linear}.thumbnail a{background-size:cover !important;background-position:center !important}.browser:hover a span{transform:translateX(-50%) scale(1.234);background:rgba(0,0,0,0.43)}@media only screen and (max-width:600px){.browser{width:100%}}