.menuImages {
	float: right;
	font-size: 18px;
}
.menuImages a.link {
	position:relative; top: -10px;
}
.menuImages img {
	width: 30px;
	height: 30px;
	border: none;
}
.countyLinks { 
	text-align: center;
	font-family: "Source Sans 3", "Source Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
}
.countyLinks a {
	line-height: 200%;
}
.countyLinks a:link,
.countyLinks a:visited,
.day h2 {
	text-decoration: none;
	margin: 0 0 0 4px;
	padding: 4px;
	color: #FFF;
	/*background-color: #97b1df;*/
	/*background-color: #0080b7;*/
	background-color: #1ab7da;
	border: solid 1px #2C4269;
	/*background-color: rgb(193, 207, 231);*/
	font-family: "UT Industry", Georgia, serif;
}
.countyLinks a:hover {
	/*color: #0E2144;*/
	/*background-color: #6681B4; */
	background-color: #00afd8;
	/*border: solid 1px #2C4269;*/

}
.countyLinks a.selected {
	background-color: #CEAC6B;
	/*background-color: #add361; */
	/*background-color: rgb(9, 54, 146);*/
}
.countyLinks a.selected:hover {
	/*background-color: #9E7A38;*/
}
.whiteButtonLink {
     width:25%; 
     height: auto;
     margin: 2%;
     padding: 10px 8px;
     border: solid 4px rgb(193, 207, 231);
     background-color: white;
     border-radius: 8px;
     text-align:center;
     font-size: 1.2em;
     font-family: "UT Industry", Georgia, serif;
}
.whiteButtonLink div {
     text-decoration:none;
}
.blueSection {
    background-color: rgb(238, 243, 252);
    padding: 18px;
}
.blueSection h1, .blueSection h2, .blueSection h3, .blueSection h4,
#content-main h1, #content-main h2, #content-main h3, #content-main h4 {
    font-family: "UT Industry", Georgia, serif;
}
.blueSection h3 {
    font-size: 1.75em;
    font-wieght: 600;
    padding-top: 42px;
}

.blueSection h1, .blueSection h2, .blueSection h3, .blueSection h4
{
    text-align: center;
}
.blueButtonLink {
     width:25%; 
     height: 20%;
     margin: 2%;
     padding: 10px 8px;
     color: white;
     font-weight: 700;
     border: solid 4px rgb(9, 54, 146);
     background-color: rgb(9, 54, 146);
     border-radius: 8px;
     text-align:center;
     font-size: 1.2em;
     text-decoration:none;
     display:flex;
     flex-direction: row;        
     justify-content: space-evenly; 
     align-items: center; 
     font-family: "UT Industry", Georgia, serif;
}
.blueButtonLink div {
     text-decoration:none;
     font-size: 1.2em;
     font-weight: 700
}

.tanSection {
    background-color: rgb(233, 220, 200);
    padding: 18px;
}

.clearBorder {
     margin: 32px;
}
.linkArrow { 
     padding-left: 10px;
}
/* ***** 3 Day Forecast ***** */
#forecast-box {
	display:flex; 
	justify-content: evenly;
}
#threeDayForecast  {
	margin: 6px auto 6px auto;
	/* margin-left: auto;
	margin-right: auto; */
}
#threeDayForecast {
	/*width:790px; */
	/*height: 370px;*/
	clear:both;
}
.day {
	width: 200px;
	float: left;
	margin: 8px 12px;
	padding: 8px 16px 4px 16px;
	text-align: center;
	border: solid 3px rgb(44, 66, 105);
	border-radius: 8px;
}
.healthForecast {
	height: 55px;
	border-radius: 20px;
}
.day h2 {
	letter-spacing:1.5px;
}
.healthForecast.good, 
.healthForecast.moderate, 
.healthForecast.unhealthy, 
.healthForecast.veryunhealthy, 
.healthForecast.hazardous {
	padding-top: 30px;
}
.healthForecast.unhealthyforsensitivegroups {
	padding-top: 25px;
	padding-bottom: 5px;
}
.alert {
	text-align: center;
	border: solid 3px red; 
	margin: 16px 16px 16px 12px;
	padding: 6px;
}
.social div {
	width: 700px;
	display:inline;
	text-align: center;
}
/*
.historical {
	margin: 12px;
	width: 300px;
}
.whatCanIDo {
	width: 200px;
}
.phoneApp {
	width: 200px;
}
.historical,
.whatCanIDo,
.phoneApp {
	float: left;
}
*/

.even { 
	background-color: #eeeeee;
}
.odd {
	background-color: #cccccc;
}



/* ***** Current Conditions ***** */

.updated {
	text-align:center;
}
.pollutantStat,
#currentConditionsData,
.webcam
{
	margin:14px;
}

.pollutantStat {
	float:left;
	padding-top: 14px;
}
#currentConditionsData {
	width: 240px;
	float: left;
	padding-top:40px;
}
.ozone,
.pm25,
.temperature,
.wind
{
	width: 113px;
	height: 105px;
	margin: 2px;
	float: left;
	background-color: #EEEEEE;
	border: solid 1px #2C4269; /* Dark Blue */
}


.webcam,
#currentConditionsData,
#currentConditionsData h3 {
	text-align:center;
	font-size: 1.12em;
}

#current-box {
   width:100%;
   display:flex; 
   flex-direction: row;        
   justify-content: space-evenly; 
   align-items: center; 
}
.webcam {
   display:flex; flex-direction: column;        /* Formats items side-by-side */
   justify-content: space-between; /* Spreads elements edge-to-edge */
   align-items: center;
}


/* ***** Trend Charts ***** */
/*
.timechart1,
.timechart2,
.timechart3,
.timechart4,
.timechart5,
.timechart6,
.timechart7,
.timechart8,
.timechart9 {

}
*/


.alert-options {
	width: 90%;
	margin: 24px auto;
	text-align: center;
}


/* ***** All Three pages ***** */

.phoneApp {
	display:none;
	position: fixed;
	top: 32px;
	right: 5px;
	background-color: white;
	border: solid 2px #0E2144;
	border-radius: 8px;
	padding: 4px;
	width: 150px;
}

@media only screen 
and (min-device-width : 340px) 
and (max-device-width : 799px)
{
    #current-box {
       flex-direction: column;  
    }
    .blueButtonLink div {
       font-size: 0.85em;
    }
};

/* ****** Smartphones (portrait and landscape) ****** */
@media only screen 
and (min-device-width : 340px) 
and (max-device-width : 799px)
and (orientation : portrait)
{
/* Styles */
	body {
		font-size: 125%;
	}
	main {
		display:block;
	}

	.menuImages2026 {
		display:none;
	}
	.countyLinks a {
		line-height: 175%;
		font-size: 150%;
	}
	.menuImages img {
		width: 60px;
		height: 60px;
	}
	.menuImages a.link {
		font-size: 16px;
		position:relative; top: -10px;
	}
  div.navigation {
    width: 400px;
  }
  div.navigation li {
   width: 90%;

  }


  .pollutantStat {
      margin: 20px 32%;
  }

  .webcam {
      margin: 20px 20%;
  }
  #currentConditionsData {
      margin: 20px 10%;
  }
  .webcam p {
     clear:both;
  }

  /*
  h1 {
     font-size: 24px;
  }  */

};