html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6,p,li,.button,span,small{font-family:"Arvo","Helvetica",serif}body{background-color:#F7F7F7}a{text-decoration:none}em{font-style:italic}strong{font-weight:700}section{clear:left;position:relative}::-moz-selection{color:#ffffff;background:#000000}::selection{color:#ffffff;background:#000000}.wrapper{width:1080px;margin-right:auto;margin-left:auto;position:relative}@media screen and (max-width: 1140px){.wrapper{width:90%}}.logo-box{position:relative;width:200px;text-align:center;margin:0 auto}.logo-box img{background-color:rgba(208,208,208,0.6);height:64px;width:64px;-webkit-border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}@media screen and (min-width: 1080px){.col-33-gutter{margin-top:60px;width:32.5%;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;margin-left:1.25%}.col-33-gutter:nth-of-type(-n+3){margin-top:0}.col-33-gutter:nth-of-type(3n+1){margin-left:0}}@media screen and (max-width: 1080px){.col-33-gutter{margin-top:30px;width:48.5%;margin-left:1.5%}.col-33-gutter:first-of-type{margin-left:0}.col-33-gutter:nth-of-type(2n+1){clear:left}}@media screen and (max-width: 600px){.col-33-gutter{margin-top:30px;width:100%;clear:left}.col-33-gutter:first-of-type{margin-top:0}}.col-50{width:50%;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width: 1080px){.col-50{width:100%}}.col-50-gutter{width:48%;margin-left:4%;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}.col-50-gutter:first-of-type{margin-left:0}.col-50-gutter:nth-of-type(2n+1){margin-left:0}@media screen and (max-width: 1080px){.col-50-gutter{width:100%;margin-left:0}}[class*="col-"]{float:left;display:inline-block}.weather-app h1,.weather-app h2,.weather-app h3,.weather-app h4,.weather-app h5,.weather-app h6,.weather-app small{color:#ffffff}.weather-app .wrapper,.weather-app #bg-image{background-position:center}.weather-app #bg-image{width:100%;height:1000px;position:absolute;z-index:5;background-size:cover}.weather-app .wrapper{top:80px;height:800px;width:90%;max-width:800px;position:relative;background-size:cover;z-index:10;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}.weather-app .wrapper .image-overlay{padding:40px;position:relative;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}.weather-app .wrapper .image-overlay:after{content:'';position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);-webkit-border-radius:6px;-khtml-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px}.weather-app .wrapper .image-overlay h1,.weather-app .wrapper .image-overlay h2,.weather-app .wrapper .image-overlay h3,.weather-app .wrapper .image-overlay h4{position:relative;z-index:6}.weather-app .wrapper .image-overlay h1{font-size:60px;padding-bottom:20px}.weather-app .wrapper .image-overlay h3{display:block;font-size:55px}.weather-app .wrapper .image-overlay h3 #tempf{padding-right:5px}.weather-app .wrapper .image-overlay h3 .fa{font-size:12px;vertical-align:top}.weather-app .wrapper .image-overlay h3 span.temptype{font-size:22px;vertical-align:top;margin-left:6px}.weather-app .wrapper .image-overlay h4{padding-top:10px;font-size:30px}.weather-app .wrapper form{position:absolute;bottom:0;width:100%;padding:30px;background-color:rgba(0,0,0,0.4);-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;color:#ffffff}.weather-app .wrapper form h4{font-size:20px;padding-bottom:10px}.weather-app .wrapper form input,.weather-app .wrapper form button{border:none;font-size:14px;outline:none;-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;padding:10px;background-color:#fafafa}.weather-app .wrapper form button{cursor:pointer}.weather-app .wrapper form small{display:block;padding-top:10px;font-size:12px}