@font-face {
  font-family: 'pe-icon-set-weather';
  src: url("https://api.backspinn.com/weather/css/theme/pe-icon/pe-icon-set-weather.eot?nlruav");
  src: url("https://api.backspinn.com/weather/css/theme/pe-icon/pe-icon-set-weather.eot?nlruav#iefix") format("embedded-opentype"), url("https://api.backspinn.com/weather/css/theme/pe-icon/pe-icon-set-weather.ttf?nlruav") format("truetype"), url("https://api.backspinn.com/weather/css/theme/pe-icon/pe-icon-set-weather.woff?nlruav") format("woff"), url("https://api.backspinn.com/weather/css/theme/pe-icon/pe-icon-set-weather.svg?nlruav#pe-icon-set-weather") format("svg");
  font-weight: normal;
  font-style: normal;
}

.symbol-wrap {
    width:100%;
    text-align:center;
    float:left;
}
.symbol {
    /*width:50px !important;
    height:50px !important;
    background-repeat:no-repeat;
    background-position: center center;
    background-size:cover;
    margin:0 auto;*/
    display: inline-block;
    font-family: 'pe-icon-set-weather';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    margin:0 auto;
    font-size:50px;
}
/*DAY*/
.weather-01d:before {
    /*clear sky*/
    content: "\e999";
}
.weather-02d:before{
    /*few clouds*/
    content: "\e972";
}
.weather-03d:before {
    /*scattered clouds*/
    content: "\e96e";
}
.weather-04d:before {
    /*broken clouds*/
    content: "\e970";
}
.weather-09d:before {
    /*shower rain*/
    content: "\e97c";
}
.weather-10d:before {
    /*rain*/
    content: "\e951";
}
.weather-11d:before {
    /*thunderstorm*/
    content: "\e9b3";
}
.weather-13d:before {
    /*snow*/
    content: "\e986";
}
.weather-50d:before {
    /*mist*/
    content: "\e956";
} 


/*NIGHT*/
.weather-01n:before {
    /*clear sky*/
    content: "\e95c";
}
.weather-02n:before {
    /*few clouds*/
    content: "\e976";
}
.weather-03n:before {
    /*broken clouds*/
    content: "\e96e";
}
.weather-04n:before {
    /*broken clouds*/
    content: "\e974";
}
.weather-09n:before {
    /*shower rain*/
    content: "\e980";
}
.weather-10n:before {
    /*rain*/
    content: "\e955";
}
.weather-11n:before {
    /*thunderstorm*/
    content: "\e9b8";
}
.weather-13n:before {
    /*snow*/
    content: "\e993";
}
.weather-50n:before {
    /*mist*/
    content: "\e956";
}