/* ----------- iPhone 6+, 7+ and 8+ ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
   .CenterPage {padding-right: 5px;
			padding-left: 5px;
			padding-bottom: 5px;
   padding-top: 5px;}
	.quote {font-weight: bold;
		color: #025982;
		font-size: 20px;
	font-family: Arial;}
 
 .quoteauth {color: #025982;
			text-align: right;
 font-family: Arial;
 font-size: 19px;}
			
 .middleblu {color: #1b2775;
			font-family: Arial;
 font-weight: Bold;
 font-size: 19px;}
 
.footfontsize {font-size: 13px;}

.footcol {float: none;}

p {font-size: 16px;
	font-family: arial;
 }

img {height: 70;
	max-height: 105px;}

nav {background-color: #c9c9c9;
	font-family: Arial Black;
	font-size:13px;
}

#CenterImage {padding-right: 5px;
			padding-left: 5px;
 }

w3-row-padding{ display: none; }

w3-col s4 {display: none;}

.MorePad {padding-right: 5px;}

.Inner {background-color:#FFFFFF; width: 97%; margin-left: 5px; font-size: 20px; }

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
     .CenterPage {padding-right: 5px;
			padding-left: 5px;
			padding-bottom: 5px;
   padding-top: 5px;}
	.quote {font-weight: bold;
		color: #025982;
		font-size: 20px;
	font-family: Arial;}
 
 .quoteauth {color: #025982;
			text-align: right;
 font-family: Arial;
 font-size: 19px;}
			
 .middleblu {color: #1b2775;
			font-family: Arial;
 font-weight: Bold;
 font-size: 19px;}
 
.footfontsize {font-size: 13px;}

.footcol {float: none;}

p {font-size: 16px;
	font-family: arial;
 }

img {height: 70;
	max-height: 105px;}

nav {background-color: #c9c9c9;
	font-family: Arial Black;
	font-size:13px;
}

#CenterImage {padding-right: 5px;
			padding-left: 5px;
 }

w3-row-padding{ display: none; }

w3-col s4 {display: none;}

.MorePad {padding-right: 5px;}

.Inner {background-color:#FFFFFF; width: 97%; margin-left: 5px; font-size: 20px; } 
}


/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
   .CenterPage {padding-right: 5px;
			padding-left: 5px;
			padding-bottom: 5px;
   padding-top: 5px;}
	.quote {font-weight: bold;
		color: #025982;
		font-size: 20px;
	font-family: Arial;}
 
 .quoteauth {color: #025982;
			text-align: right;
 font-family: Arial;
 font-size: 19px;}
			
 .middleblu {color: #1b2775;
			font-family: Arial;
 font-weight: Bold;
 font-size: 19px;}
 
.footfontsize {font-size: 13px;}

.footcol {float: none;}

p {font-size: 16px;
	font-family: arial;
 }

img {height: 70;
	max-height: 105px;}

nav {background-color: #c9c9c9;
	font-family: Arial Black;
	font-size:13px;
}

#CenterImage {padding-right: 5px;
			padding-left: 5px;
 }

w3-row-padding{ display: none; }

w3-col s4 {display: none;}

.MorePad {padding-right: 5px;}

.Inner {background-color:#FFFFFF; width: 97%; margin-left: 5px; font-size: 20px; }
}


/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 1112px)
  and (-webkit-min-device-pixel-ratio: 2) {
   .CenterPage {padding-right: 5px;
			padding-left: 5px;
			padding-bottom: 5px;
   padding-top: 5px;}
	.quote {font-weight: bold;
		color: #025982;
		font-size: 20px;
	font-family: Arial;}
 
 .quoteauth {color: #025982;
			text-align: right;
 font-family: Arial;
 font-size: 19px;}
			
 .middleblu {color: #1b2775;
			font-family: Arial;
 font-weight: Bold;
 font-size: 19px;}
 
.footfontsize {font-size: 13px;}

.footcol {float: none;}

p {font-size: 16px;
	font-family: arial;
 }

img {height: 70;
	max-height: 105px;}

nav {background-color: #c9c9c9;
	font-family: Arial Black;
	font-size:13px;
}

#CenterImage {padding-right: 5px;
			padding-left: 5px;
 }

w3-row-padding{ display: none; }

w3-col s4 {display: none;}

.MorePad {padding-right: 5px;}

.Inner {background-color:#FFFFFF; width: 97%; margin-left: 5px; font-size: 20px; }
}

