/*	------------------------------------
		Media	
	------------------------------------ */
@media (min-width: 960px) {
	.weather-panel { margin-top: 20%;font-size:150%;}
	.weather-panel-title h2 {padding:0.375rem 0.37rem 0.375rem 0.37rem;font-size:200%;}
	.bluetbl { width:90%;}
	.tblprefix { width:90%;}
	.readout { width: 450px;}
	.data_readout { padding-bottom:1em;}
	.intropag { width: 50%;padding:2em 2em 1em 2em;margin-top:5em;}
	.intropag h2 {padding: 2em 1em 2em 1em;}
	.selimg img {max-width:800px;max-height:600px;}	/* ws_photo */
}
@media (min-width: 300px) and (orientation: portrait) {
	#num_readout {padding:0;font-size:300%;}
	.selimg img {max-width:250px;max-height:188px;}	/* ws_photo */
}
@media (min-width: 568px) and (orientation: landscape) {
	.weatherpag {margin:0 auto 0 auto;}
	.readout { width: 300px;padding-bottom:0;}
	.weather-panel-title h2 {padding:0.375rem 0.37rem 0 0.37rem;}
	.temp_readout p {padding-top:0.2em;}
	#num_readout {padding:0;font-size:300%;}
	.bluetbl { width:95%;}
	.tblprefix { width:95%;}
	.intropag { font-size:80%;width:90%;margin-top:1em;}
	.selimg img {max-width:473px;max-height:355px;}	/* ws_photo */
}
/*	iPhone 6/7/8	375 x 667	(see iPhone X for portrait)*/
@media only screen and (min-width: 667px) and (orientation: landscape) {
	.weatherpag {margin:0 auto 0 auto;}
	.readout { width: 300px;padding-bottom:0;}
	.intropag { font-size:80%;width:90%;margin-top:1em;}
	.bluetbl { width:95%;}
	.tblprefix { width:95%;}
	.selimg img {max-width:555px;max-height:417px;}	/* ws_photo */
}
/*	iPhone X	375 x 812	*/
@media only screen and (min-width: 375px) and (orientation: portrait) {
	.readout { width: 300px;}
	.selimg img {max-width:313px;max-height:234px;}	/* ws_photo */
}
@media only screen and (min-width: 811px) and (orientation: landscape) {
	.weatherpag {margin:0 auto 0 auto;}
	.readout { width: 450px;}
	.selimg img {max-width:676px;max-height:507px;}	/* ws_photo */
}
/*	iPhone 6/7/8 Plus	414 x 736 */
/*@media only screen and (min-width: 414px) and (orientation: portrait) {}*/
@media only screen and (min-width: 736px) and (orientation: landscape) {
	.weatherpag {margin:0 auto 0 auto;}
	.readout { width: 300px;}
	.bluetbl { width:95%;}
	.tblprefix { width:95%;}
	.selimg img {max-width:613px;max-height:460px;}	/* ws_photo */
}
/*	iPad 768 x 1024 , iPad Pro 1024 x 1366*/
@media only screen and (min-width: 767px) and (orientation: portrait) {
	.weather_time { padding-top: 1rem; }
	.readout { width: 300px;}
	.data_readout { padding-bottom:1em;}
	.bluetbl { width:90%;}
	.tblprefix { width:90%;}
	.intropag { width: 50%;padding:2em 2em 1em 2em;margin-top:5em;}
	.intropag h2 {padding: 2em 1em 2em 1em;}
	.selimg img {max-width:639px;max-height:479px;}	/* ws_photo */
}
@media only screen and (min-width: 1023px) and (orientation: landscape)  {
	.weather-panel { margin-top: 20%;font-size:150%;}
	.weather-panel-title h2 {padding:0.375rem 0.37rem 0.375rem 0.37rem;font-size:200%;}
	.bluetbl { width:90%;}
	.tblprefix { width:90%;}
	.readout { width: 450px;}
	.data_readout { padding-bottom:1em;}
	.intropag { width: 50%;padding:2em 2em 1em 2em;margin-top:5em;}
	.intropag h2 {padding: 2em 1em 2em 1em;}
	.selimg img {max-width:800px;max-height:600px;}	/* ws_photo */
}