.info__header,.info__temperature,.info__forecast,.body__weather{position:relative;display:flex;justify-content:space-between;color:white}.settings__refresh,.settings__temperatureType,.settings__languages,.search__searcher-btn,.search__searcher-microfon-btn,.search__searcher-bar{background:#bf1313;border:none;color:white;height:30px;border-right:1px solid black;border-bottom:1px solid black}.settings__refresh:hover,.settings__temperatureType:hover,.settings__languages:hover,.search__searcher-microfon-btn:hover,.search__searcher-bar:hover{background:#bfbc13;border:none;color:#000;height:30px;border-right:1px solid black;border-bottom:1px solid black}.header__settings,.info__location,.info__temperature,.forecast__nearest1Day,.forecast__nearest2Day,.forecast__nearest3Day,.search__searcher,.search__map,.search__coordinates{background:#000000bd;padding:10px;border:1px solid rgba(255,255,255,0.301);border-radius:10px 0px 10px 0px}@font-face{font-family:"fontello";src:url(../fonts/fontello.eot);src:url(../fonts/fontello.eot);src:url(../fonts/fontello.eot#iefix) format("embedded-opentype"),url(../fonts/fontello.woff2) format("woff2"),url(../fonts/fontello.woff) format("woff"),url(../fonts/fontello.ttf) format("truetype"),url(images/fontello.svg#fontello) format("svg");font-weight:normal;font-style:normal}.demo-icon{font-family:"fontello";font-style:normal;font-weight:normal;display:inline-block;text-decoration:inherit;width:1em;margin-right:0.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:0.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header__title{padding-left:10px;padding-right:10px;border-radius:10px 0px 10px 0px;width:100%;text-align:center}.header__title h1{text-shadow:1px 1px 2px black, 0 0 1em red;font-size:1.1em}.wrapper__info{display:flex;flex-wrap:wrap;width:50%}.info__header{width:100%;margin:25px}.temperature__grade{width:100%;text-align:center}.temperature__grade-temperature{font-size:300%;line-height:0}.info__location{width:100%;margin:25px;text-align:center}.info__location-name{font-size:135%;line-height:0px}.info__location-time{color:rgba(255,255,255,0.614)}.weather__description-container{line-height:0.5;display:flex;justify-content:left;align-items:center;flex-wrap:nowrap}.icon-wind,.icon-droplet,.icon-universal-access,.icon-eye{margin-right:10px;opacity:0.5}.info__temperature{width:100%;margin:25px}.info__forecast{width:100%;margin:25px}.header__settings{width:auto;height:31px;display:flex;flex-wrap:nowrap;margin-left:25px}.settings__refresh{border-radius:10px 0px 0px 0px}.settings__languages{border-radius:0px 0px 10px 0px}.forecast__nearest1Day,.forecast__nearest2Day,.forecast__nearest3Day{width:33%;margin:5px;text-align:center}.forecast__nearest1Day-Temperature,.forecast__nearest2Day-Temperature,.forecast__nearest3Day-Temperature{font-size:120%}.wrapper__search{width:50%;display:flex;flex-wrap:wrap;justify-content:center}.search__searcher{text-align:center;margin-left:10px;margin-right:10px;margin-bottom:20px;height:31px;width:100%}.search__searcher{display:flex;flex-wrap:nowrap;margin:25px}.search__searcher-btn{height:27px;border-radius:10px 0px 0px 0px;width:100%;text-align:center}.search__searcher-btn::-webkit-input-placeholder{color:rgba(255,255,255,0.5)}.search__searcher-btn:-ms-input-placeholder{color:rgba(255,255,255,0.5)}.search__searcher-btn::placeholder{color:rgba(255,255,255,0.5)}.search__searcher-bar{border-radius:0px 0px 10px 0px}.search__searcher-bar:hover{border-radius:0px 0px 10px 0px}.search__map{margin:25px;text-align:center;padding:20px;width:100%}.search__coordinates{width:100%;margin:25px}.search__coordinates{text-align:right}.body__weather{margin:0;width:100%;background:#333333;-moz-background-size:100%;-webkit-background-size:100%;-o-background-size:100%;background-size:100%;background-size:cover;background-repeat:no-repeat;background-position:center}.search__map-view{width:100%;height:auto}@media (min-width: 100px) and (max-width: 650px){.body__weather{flex-direction:column}.wrapper__info,.wrapper__search{width:100%}.temperature__grade-icon{width:100%}}@media (min-width: 100px) and (max-width: 370px){.info__header,.info__location,.info__temperature,.info__forecast,.header__settings,.search__searcher,.search__map,.search__coordinates{margin:5px}}@media (min-width: 371px) and (max-width: 600px){.info__header,.info__location,.info__temperature,.info__forecast,.header__settings,.search__searcher,.search__map,.search__coordinates{margin:14px}}@media (min-width: 100px) and (max-width: 950px){.forecast__nearest1Day img,.forecast__nearest2Day img,.forecast__nearest3Day img{width:100%}}