.col-100,header{width:100%}header,nav{height:60px}.multiday div,footer .center,nav a,nav ul li{display:inline-block}body,header a,nav a{color:#fff}body{font-size:62.5%;font-family:Helvetica,Arial,sans-serif;margin:0;padding:0;background-color:#287AA9;overflow-x:hidden}header{background-color:#143D55;z-index:100}#brand{font-size:3em;float:left}main,nav a{font-size:1.6em}.logo{padding:2px 5px;margin:0 10px 0 20px;border-radius:0 0 7px 7px;float:left;background-color:#6a7b2c}.grid-forecast,.multiday-table .Low,nav{background-color:#143D55}#brandname{line-height:2.1em}nav{float:right;margin-right:20px}nav ul{padding:0;margin:0}nav ul li{padding:0 20px;font-weight:700;line-height:60px}main{max-width:1000px;margin:10px auto;padding:10px}#weather-grid{padding-bottom:100px}#location-time,#weather-grid{width:100%;margin:0 auto;white-space:nowrap;text-align:center}.clear{clear:both}#location-time h1{margin:0;white-space:pre-line}[class*=col-]{float:left;min-height:1px;text-align:center;margin:0;padding:0}.multiday-table{max-width:800px;padding-bottom:100px}.multiday-table .titles{font-weight:700}.multiday{border-bottom:1px solid #fff;text-align:left;padding:10px 5px}.period{width:220px;font-weight:700}.pop,.temp{width:100px}.multiday .weather{width:100%}.grid-temp{font-size:5em;font-weight:700}.grid-icon img{width:200px}.grid-forecast{border-radius:5px;padding:10px;max-width:600px;margin:0 auto;white-space:pre-line;text-align:left;clear:both}.grid-hilow{font-size:1.5em;font-weight:700;margin-bottom:30px}footer{width:100%;text-align:center;position:fixed;bottom:0;background-color:#757575;padding:6px 20px;font-size:1.5em;border-top:1px solid #999}footer .center{text-align:center;max-width:400px;white-space:pre-line;color:#fff}#finder,#finder-toggle{display:none}.currentLink{font-size:.9em;text-decoration:none;font-weight:700;color:#143D55}#weather-1:target nav a:first-child li,#weather-2:target nav a:nth-child(2) li,#weather-3:target nav a:last-child li,.currentLink:hover{text-decoration:underline}#finder-container{position:relative;float:right;margin:20px 20px 0 0}label.location-finder{cursor:pointer;background-color:#757575;padding:10px;height:50px;color:#fff;border-radius:5px;font-size:1.5em;font-weight:700;border:1px solid #999}#finder{position:absolute;top:-10px;right:130px;width:310px}#finder-toggle:checked+#finder{display:block}#zipcode{border:1px solid #ccc;width:270px;height:28px;font-size:1.7em;padding:3px;display:inline-block}#findersubmit{border:0;font-size:1.8em;background-color:#fff;display:inline-block;color:#143D55;margin-left:-30px;cursor:pointer;padding:0}.page,.pages{position:absolute;top:0;left:0;width:100%;height:100%}.page h1{margin-top:4em}#w2{left:100%}#w3{left:200%}.pages{-webkit-transition:left .8s;-moz-transition:left .8s;-o-transition:left .8s;-ms-transition:left .8s;transition:left .8s;margin-top:80px}#weather-1:target .pages{left:0}#weather-2:target .pages{left:-100%}#weather-3:target .pages{left:-200%}nav a{-moz-transition:background .3s;-webkit-transition:background .3s;-o-transition:background .3s;-ms-transition:background .3s;transition:background .3s}#weather-1 nav a.slide{background-color:#6a7b2c;color:#fff}#weather-2:target nav a.slide,#weather-3:target nav a.slide{background-color:#143D55;color:#fff}#weather-1:target nav a:first-child,#weather-2:target nav a:nth-child(2),#weather-3:target nav a:last-child{background-color:#6a7b2c;color:#fff}@media (max-width:768px){.logo,.logo img{height:50px}nav ul,nav ul li{line-height:36px}.logo{border-radius:0;display:inline-block;padding:5px;margin:0 10px 0 0}nav,nav a{height:36px}#brandname{line-height:2em}nav{float:none;display:block;width:100%;border-top:1px solid #ccc;clear:both;line-height:1em}nav a{font-size:1.4em}nav ul{text-align:center}#finder-container{position:absolute;top:4px;right:0}label.location-finder{font-size:1em}#finder{top:-8px;right:95px;width:250px}#zipcode{height:20px;font-size:1.3em;width:225px}#findersubmit{font-size:1.3em;margin-left:-30px}.pages{margin-top:100px}h1{font-size:1.7em}.period{width:60%}.pop,.temp{width:20%}.multiday .weather{width:100%;display:block;padding-top:5px;font-style:italic}.titles .weather{display:none}footer{font-size:1.2em}}@media (max-width:350px){#brandname{font-size:.7em;line-height:2.8em}#finder{top:-10px;right:80px;width:210px}#zipcode{width:170px;font-size:1em}#findersubmit{margin-left:-20px}#location-time p{font-size:.8em}}