.weatherContainer {width: 620px;min-height: 600px;background-size: 100% !important;background-color: #000033;}
.weatherPanelContainer {position: relative;min-height: 600px;width: 620px;margin-top: 15px;background: -moz-linear-gradient(left, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.35)), color-stop(35%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));background: -webkit-linear-gradient(left, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 100%);background: -o-linear-gradient(left, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 100%);background: -ms-linear-gradient(left, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 100%);background: linear-gradient(to right, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#00000000',GradientType=1 );}
.weatherPanelSummary {float: left;color: #fff;margin: 30px 0px 0px;width: 285px;font-size: 68px;position: relative;left: 0px;top: 22px;font-weight: 300;text-transform: uppercase;text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.2);}
.weatherPanelInfoContainer {float: left;padding: 0 5px;width: 310px;margin: 46px 0px 0px 0px;overflow: hidden;background: rgb(0, 0, 0) transparent;background: rgba(0, 0, 0, 0.70);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);zoom: 1;}
.weatherCellInfo {position: relative;overflow: hidden;width: 100%;min-height: 60px;margin-top: 5px;color: #fff;padding: 10px 10px 0;}
.temps{margin: -20px 0;display: inline-block;position: relative;top: -13px;}
.icon{margin: 20px 0 0;	display: inline-block;}
.desc{display: inline-block;width: 50%;top: -10px;position: relative;margin: 0 0 0 10px;}
.nowDesc{width:300px;font-size: 14px;text-align: center;clear: both;}
.nowDesc div{margin:5px 0}
.weatherBorder {width: 100%;height: 1px;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(69, 72, 77, 1) 50%, rgba(0, 0, 0, 0) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(69, 72, 77, 1)), color-stop(100%, rgba(0, 0, 0, 0)));background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(69, 72, 77, 1) 50%, rgba(0, 0, 0, 0) 100%);background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(69, 72, 77, 1) 50%, rgba(0, 0, 0, 0) 100%);background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(69, 72, 77, 1) 50%, rgba(0, 0, 0, 0) 100%);background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(69, 72, 77, 1) 50%, rgba(0, 0, 0, 0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=0);}
.lgIcon{font-size:68px;margin:0 0 0 10px;}
@media (max-width: 600px) {
	.weatherContainer,.weatherPanelContainer{width:100%;}
	.weatherPanelSummary{float: none;margin: 30px auto;}
	.weatherPanelInfoContainer{clear: both;margin: 45px auto;float: none;display: block;}		
}
