.contentRow.today .col-sm-9 {
    width: 100%
}

.contentRow.today {
    text-align: center
}

.contentRow.today .col-sm-offset-2 {
    margin-left: 0
}

.contentRow.today {
    padding-top: 25px;
    padding-bottom: 25px
}

.contentRow.today {
    min-height: 130px
}

.weather {
    font-family: "Conv_HelveticaNeueLTPro-Bd", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.weather .text {
    display: inline-block;
    font-size: 11px
}

@media only screen and (min-width: 480px) {
    .weather .text {
        font-size: 15px
    }
}

@media only screen and (min-width: 768px) {
    .weather .text {
        font-size: 21px
    }
}

@media only screen and (min-width: 992px) {
    .weather .text {
        font-size: 21px
    }
}

@media only screen and (min-width: 1200px) {
    .weather .text {
        font-size: 21px
    }
}

@media only screen and (min-width: 1600px) {
    .weather .text {
        font-size: 21px
    }
}

.weather#weather_left,
.weather#weather_right {
    display: inline-block;
    max-width: 49%;
    vertical-align: top;
    margin: 0
}

.weather#weather_left {
    padding-right: 5%
}

.weather#weather_right {
    padding-left: 5%
}

.weather-row:not(:first-child) {
    margin-top: 20px
}

.weather.border-right {
    border-right: 2px solid #fff
}

@media only screen and (min-width: 480px) {
    .weather.border-right {
        border-right: 2px solid #fff
    }
}

@media only screen and (min-width: 768px) {
    .weather.border-right {
        border-right: 2px solid #fff
    }
}

@media only screen and (min-width: 992px) {
    .weather.border-right {
        border-right: 4px solid #fff
    }
}

@media only screen and (min-width: 1200px) {
    .weather.border-right {
        border-right: 6px solid #fff
    }
}

@media only screen and (min-width: 1600px) {
    .weather.border-right {
        border-right: 6px solid #fff
    }
}

.weather.border-left {
    border-left: 2px solid #fff
}

@media only screen and (min-width: 480px) {
    .weather.border-left {
        border-left: 2px solid #fff
    }
}

@media only screen and (min-width: 768px) {
    .weather.border-left {
        border-left: 2px solid #fff
    }
}

@media only screen and (min-width: 992px) {
    .weather.border-left {
        border-left: 4px solid #fff
    }
}

@media only screen and (min-width: 1200px) {
    .weather.border-left {
        border-left: 6px solid #fff
    }
}

@media only screen and (min-width: 1600px) {
    .weather.border-left {
        border-left: 6px solid #fff
    }
}

.weather-row p {
    display: inline-block
}

@media only screen and (min-width: 480px) {
    .weather-row p.datetime#date {
        border-right: none;
        padding-right: 0;
        margin-right: 0;
        display: block
    }
}

@media only screen and (min-width: 768px) {
    .weather-row p.datetime#date {
        display: inline;
        border-right: 2px solid #fff;
        padding-right: 15px;
        margin-right: 15px
    }
}

.weather-row p.datetime#time {
    line-height: 2em
}

@media only screen and (min-width: 480px) {
    .weather-row p.datetime#time {
        line-height: 2em
    }
}

@media only screen and (min-width: 768px) {
    .weather-row p.datetime#time {
        line-height: 1em
    }
}

.weather .temp {
    font-size: 43px
}

@media only screen and (min-width: 480px) {
    .weather .temp {
        font-size: 50px
    }
}

@media only screen and (min-width: 992px) {
    .weather .temp {
        font-size: 62.5px
    }
}

@media only screen and (min-width: 1200px) {
    .weather .temp {
        font-size: 75px
    }
}

@media only screen and (min-width: 1600px) {
    .weather .temp {
        font-size: 87.5px
    }
}

.weather.title {
    margin-bottom: 5px
}

.icon:before {
    vertical-align: middle;
    line-height: 0.6em;
    display: inline-block
}

@media only screen and (min-width: 480px) {
    .icon:before {
        font-size: 70px
    }
}

@media only screen and (min-width: 992px) {
    .icon:before {
        font-size: 84px
    }
}

@media only screen and (min-width: 1200px) {
    .icon:before {
        font-size: 105px
    }
}

@media only screen and (min-width: 1600px) {
    .icon:before {
        font-size: 122.5px
    }
}

.icon {
    clear: both;
    display: none;
    margin-right: 10px;
    margin-bottom: 10px
}

@media only screen and (min-width: 480px) {
    .icon {
        display: none
    }
}

@media only screen and (min-width: 768px) {
    .icon {
        display: inline-block
    }
}

.icon:before {
    display: inline
}

.weather-row {
    clear: both;
    text-align: left
}

.weather p#temperatureDescription {
    display: inline;
    vertical-align: middle;
}

@media only screen and (min-width: 480px) {
    .weather p#temperatureDescription {
            white-space: nowrap
    }
}