/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}



html,body{
margin:0;
padding:0;
font-family: 'Roboto Slab', serif;
background: #f2f2f2;
color: #282828;
}


#wrapper{
width: 940px;
margin: 0 auto;
}

.main{
width: 940px;
float: left;
}

.header, .content, .bottom, .sep2{
width: 100%;
float: left;
}

.content{
	margin-top: -20px;

}



.header{
	margin-top: 30px;
	margin-bottom: 20px;
}


h1{
text-align: center;
font-size: 52px;
font-weight: 300;
margin: 0;
}



h2{
text-align: center;
font-size: 15px;
font-style: italic;
font-family: Georgia;
color: #666666;
margin-bottom: 10px;
}


h2 strong{
	font-weight: 700;
	font-style: italic;
}




.weatherbox{
width: 100%;
float: left;
text-align: center;
}

.information{
width: 100%;
float: left;
}

.information p{
font-size: 18px;
font-weight: 300;
text-align: center;
}

.information p.largetext{
	font-size: 40px;
}

.information p a{
font-weight: 700;
color: #282828;
text-decoration: none;
}

.information p a:hover{
text-decoration: underline;
}


p.small_mobile{
	display: none;
}





@media screen and (max-width: 568px){

#wrapper{
width: 100%;
margin: 0 auto;
}

.main{
width: 100%;
float: left;
}

.header, .content, .bottom, .sep2{
width: 100%;
float: left;
}

.content{
	margin-top: -20px;

}



.header{
	margin-top: 30px;
	margin-bottom: 20px;
}


h1{
text-align: center;
font-size: 52px;
font-weight: 300;
margin: 0;
}



h2{
text-align: center;
font-size: 15px;
font-style: italic;
font-family: Georgia;
color: #666666;
margin-bottom: 10px;
}


h2 strong{
	font-weight: 700;
	font-style: italic;
}




.weatherbox{
width: 100%;
float: left;
text-align: center;
margin: 20px 0;
}

.weatherbox img{
	width:100%;
}

.information{
width: 100%;
float: left;
}

.information p{

font-weight: 300;
text-align: center;
}

.information p.largetext{
	font-size: 22px;
	padding: 0 15%;
}

.information p a{
font-weight: 700;
color: #282828;
text-decoration: none;
}

.information p a:hover{
text-decoration: underline;
}

p.small_mobile{
	display: inherit;
	margin-top: 30px;
	line-height: 25px;
	font-size: 16px;

}

p.smalltext{
	display: none;
}

}


/*
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
	
h1{
text-align: center;
font-size: 22px;
font-weight: 300;
margin: 0;
}

	
	
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
	
	h1{
text-align: center;
font-size: 22px;
font-weight: 300;
margin: 0;
}
	
}*/