*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0}body{background:#3e96dd;font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.4}.center{display:block;margin-left:auto;margin-right:auto}img{width:30%;-webkit-filter:drop-shadow(5px 5px 5px #222);filter:drop-shadow(5px 5px 5px #222);padding-bottom:10px}.container{max-width:1024px;margin:0 auto;position:relative;padding-left:15px;padding-right:15px}.col4{float:left;width:33.33%;padding:15px}.col-center{float:center;width:100%;padding:15px}.card{background:#fff;text-align:center;border-radius:5px;padding:30px 10px 20px;box-shadow:0 2px 2px rgba(0,0,0,0.1)}.card h4{color:#616161;margin:0;font-size:13px;text-transform:uppercase}.size{font-weight:700;font-size:32px}.clearfix:after,.clearfix:before{display:table;content:" "}.clearfix:after{clear:both}.info{width:25px;height:25px;line-height:22px;border:2px solid #616161;color:#3e96dd;border-radius:50px;display:inline-block;text-decoration:none;text-align:center;font-weight:700;font-size:14px;margin-top:15px}.sizeInfo{position:absolute;top:0;left:0;width:100%;background:#fff;background:rgba(255,255,255,.98);display:none}.size-container{max-width:850px;margin:0 auto;padding:0 15px}.sizeImg img{width:100%}.sizeInfo h1{font-size:26px;margin:0}.sizeInfo p{color:#616161}.size-sections{padding:40px 0}.close{position:fixed;top:5px;right:5px;width:40px;height:40px;background:#fff;border-radius:40px;cursor:pointer;z-index:999;box-shadow:0 0 8px rgba(0,0,0,0.15);opacity:.7;-moz-transition:.35s;-webkit-transition:.35s;transition:.35s}.close:hover{opacity:1}.close:before,.close:after{content:'';width:20px;height:2px;background:#000;position:absolute;top:18px;left:10px}.close:before{-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.close:after{-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.white-text{font-weight:bold;color:white}.footer{position:fixed;left:0;bottom:0;width:100%;background-color:red;color:white;text-align:center}@media(min-width:1400px){.size-container{max-width:1400px}}@media(max-width:767px){.col4{width:100%}.card{max-width:300px;margin-left:auto;margin-right:auto}}@media(min-height:580px){.container{top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}}