h1,h2,h3{font-weight:300}.current,.error-msg,button,nav span{color:#fff}body{background-color:#A9B7BE;font-family:'Work Sans',sans-serif;text-align:center}.container{margin:-8px auto}.img-container{height:460px;margin:-8px}.img-wrapper{height:100%;background:no-repeat fixed #A9B7BE;background-size:cover}h1{margin:15px auto;font-size:1.8em}h3{color:#B35900;font-size:1.6em}a{color:#054273}.error-msg{padding:10%;background:rgba(37,40,40,.7);margin:20px auto;z-index:10}nav{text-align:left;height:2.5em;padding:20px 0 14px 20px;margin:-10px;background-color:#F79637}nav input{outline:0;border:none;padding:4px;border-radius:15px}form{display:inline}.main-icon{font-size:3em;margin:20px auto}ul li,ul li p{font-size:1.1em}.current{background:rgba(37,40,40,.7);display:inline-block;margin:20px auto;padding:1.5em;border-radius:5px}#place{margin-right:1.3em}button{background-color:#009688;outline:0;border:none;padding:5px 14px;border-radius:3px;float:right}.forecast{margin:0 auto;color:#454040}ul{margin:20px auto;padding:0}ul li{list-style:none;background:rgba(255,255,255,.76);margin:25px auto;border-radius:5px;padding:5px}ul li .datetime{color:#FF7E00}ul li .wind i{font-size:1.6em}footer{font-size:.9em;background:rgba(255,126,0,.56);text-align:right;margin:-5px;padding:20px;position:absolute;right:0;left:0}.author{color:#fff;margin-right:20px}.spinner i{padding:10%;font-size:8em}.spinner p{font-size:2em}@media screen and (max-width:768px){.container{max-width:100%;margin:0 auto}.current{width:80%}.forecast{margin:5px auto;color:#454040}ul{margin:0 auto;padding:0}li{list-style:none;background:rgba(255,255,255,.76);width:75%;margin:25px auto;border-radius:5px}li .wi-wind{font-size:1.6em}#li-icon{font-size:2.8em;padding-top:.6em}footer{font-size:.9em;text-align:right;margin:-5px;padding:20px}}@media screen and (min-width:768px) and (max-width:1200px){.container{max-width:100%}.forecast{width:80%}ul{display:flex;flex-wrap:wrap}ul li{width:250px;height:250px;border-radius:50%}#li-icon{font-size:2.8em;padding-top:7%}}@media screen and (min-width:1200px){.container{max-width:80%}.forecast{width:80%}ul{display:flex;flex-wrap:wrap}ul li{width:250px;height:250px;border-radius:50%}#li-icon{font-size:2.8em;padding-top:12%}}