.weather div, .weather span, .weather applet, .weather object, .weather iframe, .weather h1, .weather h2, .weather h3, .weather h4, .weather h5, .weather h6, .weather p, .weather blockquote, .weather pre, .weather a, .weather abbr, .weather acronym, .weather address, .weather big,.weather cite,.weather code,.weather del,.weather dfn,.weather em,.weather img,.weather ins,.weather kbd,.weather q,.weather s,.weather samp,.weather small,.weather strike,.weather strong,.weather sub,.weather sup,.weather tt,.weather var,.weather b,.weather u,.weather i,.weather dl,.weather dt,.weather dd,.weather ol,.weather nav ul,.weather nav li,.weather fieldset,.weather form,.weather label,.weather legend,.weather table,.weather caption,.weather tbody,.weather tfoot,.weather thead,.weather tr,.weather th,.weather td,.weather article,.weather aside,.weather canvas,.weather details,.weather embed,.weather figure,.weather figcaption,.weather footer,.weather header,.weather hgroup,.weather menu,.weather nav,.weather output,.weather ruby,.weather section,.weather summary,.weather time,.weather mark,.weather audio,.weather video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
.weather article, .weather aside, .weather details, .weather figcaption, .weather figure, .weather footer, .weather header, .weather hgroup, .weather menu, .weather nav, .weather section {display: block;}
.weather ol, .weather ul{list-style:none;margin:0;padding:0;}
.weather blockquote, .weather q{quotes:none;}
.weather blockquote:before, .weather blockquote:after, .weather q:before, .weather q:after{content:'';content:none;}
.weather table{border-collapse:collapse;border-spacing:0;}
.weather a{text-decoration:none;}
.weather .txt-rt{text-align:right;}
.weather .txt-lt{text-align:left;}
.weather .txt-center{text-align:center;}
.weather .float-rt{float:right;}
.weather .float-lt{float:left;}
.weather .clear{clear:both;}
.weather .pos-relative{position:relative;}
.weather .pos-absolute{position:absolute;}
.weather .vertical-base{	vertical-align:baseline;}
.weather .vertical-top{	vertical-align:top;}
.weather .underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}
.weather nav.vertical ul li{	display:block;}
.weather nav.horizontal ul li{	display: inline-block;}
.weather img{max-width:100%;}

.weather {
    font-family: 'Montserrat', sans-serif;
    font-size: 100%;
}
.weather a {
  text-decoration: none;
}
.weather a:hover {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.weather h1 {
    text-align: center;
    font-size: 3em;
    color: #3C2F24;
    margin: 2em 0em 1em 0em;
}
.weather .header{
	background: #fff;
	width:100%;
	margin: 0 auto;
}
.weather .header-top{
	 border-bottom: 3px solid #D4D4D4;
    padding: 1.5em;
	background: #f3f3f3;
}
.weather .header-top h2{
	font-size: 1.2em;
	float: left;
}
.weather .header-top ul{
	float: right;
	    border: 1px solid #C1C1C1;
    border-radius: 5px;
}
.weather .header-top li{
	display: inline-block;
}
.weather .header-top li p{
	color:#8C8B8B;
	font-size: 1em;
	padding: 4px 6px;
}
.weather .header-top li p.cen{
	    background: #E4E4E4;
}
.weather .whe {
    vertical-align: bottom;
    margin-right: 0.5em;
}
.weather .header-bottom{
}
.weather .header-bottom1 {
    float: left;
    width: 25%;
   
}
.weather .header-head{
	padding: 2em;
	text-align: center;
}
.weather .header-bottom2 {
  background: #f1f1f1;  
}
.weather .header-bottom1:nth-child(3) {
    border-right: none;
}
.weather .header-head h4{
	color:#8C8B8B;
	font-size: 1em;
}
.weather .header-head h6{
	color:#000;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
}
.weather .header-head img{
	display: block;
    margin: 1em auto;
}
.weather .bottom-head p{
	color:#8C8B8B;
	font-size: 1em;
	line-height: 1.4em;
}
@media(max-width:1366px){
.weather .header {
    width: 100%;	
}
}
@media(max-width:1280px){
.weather .header {
    width: 100%;
}	
}
@media(max-width:1024px){
.header {
    width: 100%;
}	
}
@media(max-width:768px){
.weather .header {
    width: 100%;
}
.weather h1 {
    font-size: 2.5em;	
}
}
@media(max-width:736px){
.weather .header {
    width: 100%;
}
.weather .header-head {
    padding: 2em 1em;
}
}
@media(max-width:600px){
.weather h1 {
    font-size: 2.3em;
}
}
@media(max-width:480px){
.weather h1 {
    font-size: 1.6em;
}
.weather .header {
    width: 100%;
}
.weather .bottom-head p {
    font-size: 0.9em;
}
}
@media(max-width:320px){
.weather h1 {
    font-size: 1.4em;
}
.weather .header-head h4 {
    font-size: 0.9em;
}
.weather .header-head {
    padding: 1em 0.3em;
}
.weather .bottom-head p {
    font-size: 0.7em;
}
}