/* Basic Settings WEATHER_STYLE */

	*  {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		line-height: 1.5em;
	}

	body {
		background: #333;   /*#81DAF5;*/
		font: 0.95em Arial,Sans-Serif;
		margin: 0;
		/*background-repeat:no-repeat center center fixed; */
		background-image: url('../images/sky.jpg');
		background-size: cover;
	}

/* Link Control */

	a {
		color: #000000;  /*cad9a9*/
	}
	a:hover {
		color: #000000;
	}
	
	


/* Heading Control */

	h1,h2,h3,h4,h5,h6 {
		font-family: "Arial Black", Arial, Sans-Serif;
		margin: 1%;
	}

		h1 {
			font-size: 337.5%;
		}

			h2 {
				font-size: 225%;
			}

				h3 {
					font-size: 150%;
				}

					h4 {
						font-size: 115%;
						/*border-bottom: 1px solid #cad9a9;*/
							margin: 0;
							
							color: #000;						
						
					}
						h5 {
							font-size: 125%;
							font-family: "Arial Narrow", Arial, Sans-serif;
							font-style:italic;
							text-indent: 0.5em;
							color: #607441;
							
						}
						
#wrapper {
	margin: 0%;
	overflow: hidden;
	text-align: center;
	padding: 0;
	border: 0;
	min-width: 800px;

}						
						
#main {
	float:left;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: left;
}

#header {
	width:100%;

	min-height: 10em;
	
}

#titlebar {
	width:100%;
	min-height: 2em;
	text-align: center; 

	
}
#titlebar a {
		color: #FE2E64;
}
#titlebar a:hover {
		color: blue;
}	

#footer {
	width: 100%;
	margin: 1%;
	margin-left: 0;
	padding: 1em;
	float: left;
}


#footer p {
	margin: 0 auto;
	margin-bottom: 1em;
	font-size: 75%;	
	text-align:justify;
	text-justify: auto;
}

#page {
	padding: 0;
	width: 100%;
	margin-left: 0;
	float: left;
	overflow: hidden;
}

#content {
	padding: 1%;
	padding-top: 0;
	margin-top: 1%;
	width: 85%;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	flex-wrap:wrap;

	text-align: justify;
	
}

#cityblock {
	width: 100%;
	/*min-height:150px;*/

	margin-bottom: 2em;
	overflow: hidden;
	background-color: #FFF;
	
	
}

}
.citypicbox {
	width: 15%;
	height: 100%;
	/*;*/
	padding: 25px, 5px, 5px, 5px;
	float: left;
		overflow: hidden;

}

.cityname {
	width: 55%;
	/*min-height: 150px;*/
	float: left;
	background-color: #FFF;
		overflow: hidden;

	
}
.littlecity {
	width: 90%;
		
}

.returntocity {
	/*float: right; */
	width: 15%;
	margin-top: 20px;	
	padding-top:30px;
	/*min-height: 150px;*/
	background-color: #FFF;
		overflow: hidden;

	
}
.returntoCazooee {
	float: right;
	width: 15%;
	margin-top: 20px;	

	/*min-height: 150px;*/
	background-color: #FFF;
		overflow: hidden;

	
}

.flex-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  background-color: DodgerBlue;
}

.flex-container > div {
  background-color: #fff;  /*#f1f1f1
 /* width: 100px; */
  margin: 10px;
  text-align: center;
  line-height: 75px;
  font-size: 25px;
}

.nameofcity {
		width:70%;
}

.picturebox {
	width:15%;
	padding-top: 20px;
}



.weathericon {
	width:99%;

}

.header_img {
	display: block;
	margin-left:auto;
	margin-right:auto;
	width: 35%;
}

.weatherbox {
	width: 25%;
	/*;*/
	padding: 5px;
	float: left;


}

.weathermap {
	width: 33%;
	/*;*/
	padding: 5px;
	float: left;


}

.weatherwords {
	background-color: #FFF;
	margin: 0 5% 0 5%;
	color: #000;	
	text-align: center;
	font-size: 115%;
	
	
}

.backtocazoo {
	width: 15%;
	/*min-height: 150px;*/
	float: left;
	background-color: #FFF;
		overflow: hidden;

}

.weather_img {
	width: 90%;
	padding: 1px;
	border: 2px solid black;
	display: block;
	margin-left:auto;
	margin-right:auto;


}

.citybox {
	width: 24%;
	/*;*/
	padding: 3px;
	margin: 3px;
	float: left;
	border: 2px solid black;
	background-color: #eee;
}
							
.citybox p {							
							font-size: 125%;
							font-weight:bold;
							margin: 0;
						
							color: #000;						
						
}						



.cityimg {
	width: 95%;
	
}