.weath{margin-top:20px;margin-bottom:20px;cursor:pointer;background-color:#fff;font-family:roboto slab,serif;text-transform:uppercase;font-size:12px}.weath2{margin-top:42px;margin-bottom:20px;cursor:pointer;background-color:#fff;font-family:roboto slab,serif;text-transform:uppercase;font-size:12px}.weath2 h3{color:#fff}.weath center{display:block;padding:3px}.weath h3{color:#fff}.panel-body{color:#fff}.canvas{display:block;margin-right:10px;float:left;padding-top:5px;margin-bottom:10px}.temp{font-size:50px;line-height:10px;margin-top:10px}.w1{width:60%;float:left;height:100px;text-transform:uppercase;font-size:13px;padding-top:5px}.w2{width:40%;float:left;height:100px;color:#fff;font-size:11px}.fs20{font-weight:700;font-size:25px;display:inline-block;vertical-align:top;margin-left:4px;margin-right:4px;margin-top:10px}.summary{font-size:11px}@media all and (min-width:768px) and (max-width:1024px){.bgadd{height:800px}.w1{padding:5px 15px 0}.temp{font-size:40px}}@media all and (max-width:480px){.weath{font-size:11px;margin-right:5px}.weath2{font-size:11px;margin-right:5px}.temp{font-size:40px}}.w1{width:60%;float:left;height:100px;text-transform:uppercase;font-size:13px;padding:5px}