/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
a:active     { color:#111111; font-size: 8pt; font-family: arial}
a:link       { color:#111111; font-family: arial; font-size: 8pt;}
a:visited    { color:#111111; font-family: arial; font-size: 8pt;}
a            { color:#111111; font-size: 10pt; font-family: arial }
table        { color:#111111; font-size: 10pt; font-family: arial; height: 100vw; width:100hw}
img          { border: 0px; align: middle; width: 85vw; height: (122/1072)*85vw}
address      { color:#111111; font-size: 10pt; font-family: arial }
body         { color:#111111; font-size: 10pt; font-family: arial }
button       { color:#111111; font-family: arial; font-size: 10pt}
fieldset     { color:#111111; font-size: 10pt; font-family: arial }
h1           { text-align:center; color:#990000; font-size: 10pt; font-family: arial }
h2           { color:#111111; font-size: 10pt; font-family: arial }
h3           { color:#111111; font-size: 10pt; font-family: arial }
h4           { color:#111111; font-size: 10pt; font-family: arial }
h5           { color:#111111; font-size: 10pt; font-family: arial }
h6           { color:#111111; font-size: 10pt; font-family: arial }
hr           { color:#111111; font-family: arial; font-size: 10pt }
html         { color:#111111; font-family: arial; font-size: 10pt }
input        { color:#111111; font-size: 10pt; font-family: arial }
legend       { color:#111111; font-size: 10pt; font-family: arial }
li           { color:#111111; font-size: 10pt; font-family: arial }
ol           { color:#111111; font-size: 10pt; font-family: arial }
option       { color:#111111; font-size: 10pt; font-family: arial }
p            { color:#111111; font-family: arial; font-size: 10pt }
pre          { color:#111111; font-size: 10pt; font-family: arial }
select       { color:#111111; font-size: 10pt; font-family: arial }
td           { color:#111111; font-size: 10pt; font-family: arial }
textarea     { color:#111111; font-size: 10pt; font-family: arial }
th           { color:#111111; font-family: arial; font-size: 10pt }
tr           { color:#111111; font-family: arial; font-size: 10pt }
ul           { color:#111111; font-family: arial; font-size: 10pt }

}
 
/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
a:active     { color:#111111; font-size: 8pt; font-family: arial}
a:link       { color:#111111; font-family: arial; font-size: 8pt;}
a:visited    { color:#111111; font-family: arial; font-size: 8pt;}
a            { color:#111111; font-size: 10pt; font-family: arial }
table        { color:#111111; font-size: 10pt; font-family: arial; height: 100vw; width:100hw}
img          { border: 0px; align: middle; width: 85vw; height: (122/1072)*85vw}
address      { color:#111111; font-size: 10pt; font-family: arial }
body         { color:#111111; font-size: 10pt; font-family: arial }
button       { color:#111111; font-family: arial; font-size: 10pt}
fieldset     { color:#111111; font-size: 10pt; font-family: arial }
h1           { text-align:center; color:#990000; font-size: 10pt; font-family: arial }
h2           { color:#111111; font-size: 12pt; font-family: arial }
h3           { color:#111111; font-size: 10pt; font-family: arial }
h4           { color:#111111; font-size: 10pt; font-family: arial }
h5           { color:#111111; font-size: 10pt; font-family: arial }
h6           { color:#111111; font-size: 10pt; font-family: arial }
hr           { color:#111111; font-family: arial; font-size: 10pt }
html         { color:#111111; font-family: arial; font-size: 10pt }
input        { color:#111111; font-size: 10pt; font-family: arial }
legend       { color:#111111; font-size: 10pt; font-family: arial }
li           { color:#111111; font-size: 10pt; font-family: arial }
ol           { color:#111111; font-size: 10pt; font-family: arial }
option       { color:#111111; font-size: 10pt; font-family: arial }
p            { color:#111111; font-family: arial; font-size: 10pt }
pre          { color:#111111; font-size: 10pt; font-family: arial }
select       { color:#111111; font-size: 10pt; font-family: arial }
td           { color:#111111; font-size: 10pt; font-family: arial }
textarea     { color:#111111; font-size: 10pt; font-family: arial }
th           { color:#111111; font-family: arial; font-size: 10pt }
tr           { color:#111111; font-family: arial; font-size: 10pt }
ul           { color:#111111; font-family: arial; font-size: 10pt }

}
 
/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
a:active     { color:#111111; font-size: 8pt; font-family: arial}
a:link       { color:#111111; font-family: arial; font-size: 8pt;}
a:visited    { color:#111111; font-family: arial; font-size: 8pt;}
a            { color:#111111; font-size: 10pt; font-family: arial }
table        { color:#111111; font-size: 10pt; font-family: arial; height: 100vw; width:100hw}
img          { border: 0px; align: middle; width: 85vw; height: (122/1072)*85vw}
address      { color:#111111; font-size: 10pt; font-family: arial }
body         { color:#111111; font-size: 10pt; font-family: arial }
button       { color:#111111; font-family: arial; font-size: 10pt}
fieldset     { color:#111111; font-size: 10pt; font-family: arial }
h1           { text-align:center; color:#990000; font-size: 10pt; font-family: arial }
h2           { color:#111111; font-size: 12pt; font-family: arial }
h3           { color:#111111; font-size: 10pt; font-family: arial }
h4           { color:#111111; font-size: 10pt; font-family: arial }
h5           { color:#111111; font-size: 10pt; font-family: arial }
h6           { color:#111111; font-size: 10pt; font-family: arial }
hr           { color:#111111; font-family: arial; font-size: 10pt }
html         { color:#111111; font-family: arial; font-size: 10pt }
input        { color:#111111; font-size: 10pt; font-family: arial }
legend       { color:#111111; font-size: 10pt; font-family: arial }
li           { color:#111111; font-size: 10pt; font-family: arial }
ol           { color:#111111; font-size: 10pt; font-family: arial }
option       { color:#111111; font-size: 10pt; font-family: arial }
p            { color:#111111; font-family: arial; font-size: 10pt }
pre          { color:#111111; font-size: 10pt; font-family: arial }
select       { color:#111111; font-size: 10pt; font-family: arial }
td           { color:#111111; font-size: 10pt; font-family: arial }
textarea     { color:#111111; font-size: 10pt; font-family: arial }
th           { color:#111111; font-family: arial; font-size: 10pt }
tr           { color:#111111; font-family: arial; font-size: 10pt }
ul           { color:#111111; font-family: arial; font-size: 10pt }

}
 
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
a:active     { color:#111111; font-size: 8pt; font-family: arial}
a:link       { color:#111111; font-family: arial; font-size: 8pt;}
a:visited    { color:#111111; font-family: arial; font-size: 8pt;}
a            { color:#111111; font-size: 10pt; font-family: arial }
table        { color:#111111; font-size: 10pt; font-family: arial; height: 100vw; width:100hw}
img          { border: 0px; align: middle; width: 85vw; height: (122/1072)*85vw}
address      { color:#111111; font-size: 10pt; font-family: arial }
body         { color:#111111; font-size: 10pt; font-family: arial }
button       { color:#111111; font-family: arial; font-size: 10pt}
fieldset     { color:#111111; font-size: 10pt; font-family: arial }
h1           { text-align:center; color:#990000; font-size: 10pt; font-family: arial }
h2           { color:#111111; font-size: 12pt; font-family: arial }
h3           { color:#111111; font-size: 10pt; font-family: arial }
h4           { color:#111111; font-size: 10pt; font-family: arial }
h5           { color:#111111; font-size: 10pt; font-family: arial }
h6           { color:#111111; font-size: 10pt; font-family: arial }
hr           { color:#111111; font-family: arial; font-size: 10pt }
html         { color:#111111; font-family: arial; font-size: 10pt }
input        { color:#111111; font-size: 10pt; font-family: arial }
legend       { color:#111111; font-size: 10pt; font-family: arial }
li           { color:#111111; font-size: 10pt; font-family: arial }
ol           { color:#111111; font-size: 10pt; font-family: arial }
option       { color:#111111; font-size: 10pt; font-family: arial }
p            { color:#111111; font-family: arial; font-size: 10pt }
pre          { color:#111111; font-size: 10pt; font-family: arial }
select       { color:#111111; font-size: 10pt; font-family: arial }
td           { color:#111111; font-size: 10pt; font-family: arial }
textarea     { color:#111111; font-size: 10pt; font-family: arial }
th           { color:#111111; font-family: arial; font-size: 10pt }
tr           { color:#111111; font-family: arial; font-size: 10pt }
ul           { color:#111111; font-family: arial; font-size: 10pt }

}
 
/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
a:active     { color:#111111; font-size: 8pt; font-family: arial}
a:link       { color:#111111; font-family: arial; font-size: 8pt;}
a:visited    { color:#111111; font-family: arial; font-size: 8pt;}
a            { color:#111111; font-size: 10pt; font-family: arial }
table        { color:#111111; font-size: 10pt; font-family: arial; height: 100vw; width:100hw}
img          { border: 0px; align: middle; width: 85vw; height: (122/1072)*85vw}
address      { color:#111111; font-size: 10pt; font-family: arial }
body         { color:#111111; font-size: 10pt; font-family: arial }
button       { color:#111111; font-family: arial; font-size: 10pt}
fieldset     { color:#111111; font-size: 10pt; font-family: arial }
h1           { text-align:center; color:#990000; font-size: 10pt; font-family: arial }
h2           { color:#111111; font-size: 12pt; font-family: arial }
h3           { color:#111111; font-size: 10pt; font-family: arial }
h4           { color:#111111; font-size: 10pt; font-family: arial }
h5           { color:#111111; font-size: 10pt; font-family: arial }
h6           { color:#111111; font-size: 10pt; font-family: arial }
hr           { color:#111111; font-family: arial; font-size: 10pt }
html         { color:#111111; font-family: arial; font-size: 10pt }
input        { color:#111111; font-size: 10pt; font-family: arial }
legend       { color:#111111; font-size: 10pt; font-family: arial }
li           { color:#111111; font-size: 10pt; font-family: arial }
ol           { color:#111111; font-size: 10pt; font-family: arial }
option       { color:#111111; font-size: 10pt; font-family: arial }
p            { color:#111111; font-family: arial; font-size: 10pt }
pre          { color:#111111; font-size: 10pt; font-family: arial }
select       { color:#111111; font-size: 10pt; font-family: arial }
td           { color:#111111; font-size: 10pt; font-family: arial }
textarea     { color:#111111; font-size: 10pt; font-family: arial }
th           { color:#111111; font-family: arial; font-size: 10pt }
tr           { color:#111111; font-family: arial; font-size: 10pt }
ul           { color:#111111; font-family: arial; font-size: 10pt }

}
 
/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
a:active     { color:#111111; font-size: 8pt; font-family: arial}
a:link       { color:#111111; font-family: arial; font-size: 8pt;}
a:visited    { color:#111111; font-family: arial; font-size: 8pt;}
a            { color:#111111; font-size: 10pt; font-family: arial }
table        { color:#111111; font-size: 10pt; font-family: arial; height: 100vw; width:100hw}
img          { border: 0px; align: middle; width: 85vw; height: (122/1072)*85vw}
address      { color:#111111; font-size: 10pt; font-family: arial }
body         { color:#111111; font-size: 10pt; font-family: arial }
button       { color:#111111; font-family: arial; font-size: 10pt}
fieldset     { color:#111111; font-size: 10pt; font-family: arial }
h1           { text-align:center; color:#990000; font-size: 10pt; font-family: arial }
h2           { color:#111111; font-size: 12pt; font-family: arial }
h3           { color:#111111; font-size: 10pt; font-family: arial }
h4           { color:#111111; font-size: 10pt; font-family: arial }
h5           { color:#111111; font-size: 10pt; font-family: arial }
h6           { color:#111111; font-size: 10pt; font-family: arial }
hr           { color:#111111; font-family: arial; font-size: 10pt }
html         { color:#111111; font-family: arial; font-size: 10pt }
input        { color:#111111; font-size: 10pt; font-family: arial }
legend       { color:#111111; font-size: 10pt; font-family: arial }
li           { color:#111111; font-size: 10pt; font-family: arial }
ol           { color:#111111; font-size: 10pt; font-family: arial }
option       { color:#111111; font-size: 10pt; font-family: arial }
p            { color:#111111; font-family: arial; font-size: 10pt }
pre          { color:#111111; font-size: 10pt; font-family: arial }
select       { color:#111111; font-size: 10pt; font-family: arial }
td           { color:#111111; font-size: 10pt; font-family: arial }
textarea     { color:#111111; font-size: 10pt; font-family: arial }
th           { color:#111111; font-family: arial; font-size: 10pt }
tr           { color:#111111; font-family: arial; font-size: 10pt }
ul           { color:#111111; font-family: arial; font-size: 10pt }

}
 
/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
a:active     { color:#111111; font-size: 8pt; font-family: arial}
a:link       { color:#111111; font-family: arial; font-size: 8pt;}
a:visited    { color:#111111; font-family: arial; font-size: 8pt;}
a            { color:#111111; font-size: 10pt; font-family: arial }
table        { color:#111111; font-size: 10pt; font-family: arial; height: 100vw; width:100hw}
img          { border: 0px; align: middle; width: 85vw; height: (122/1072)*85vw}
address      { color:#111111; font-size: 10pt; font-family: arial }
body         { color:#111111; font-size: 10pt; font-family: arial }
button       { color:#111111; font-family: arial; font-size: 10pt}
fieldset     { color:#111111; font-size: 10pt; font-family: arial }
h1           { text-align:center; color:#990000; font-size: 10pt; font-family: arial }
h2           { color:#111111; font-size: 12pt; font-family: arial }
h3           { color:#111111; font-size: 10pt; font-family: arial }
h4           { color:#111111; font-size: 10pt; font-family: arial }
h5           { color:#111111; font-size: 10pt; font-family: arial }
h6           { color:#111111; font-size: 10pt; font-family: arial }
hr           { color:#111111; font-family: arial; font-size: 10pt }
html         { color:#111111; font-family: arial; font-size: 10pt }
input        { color:#111111; font-size: 10pt; font-family: arial }
legend       { color:#111111; font-size: 10pt; font-family: arial }
li           { color:#111111; font-size: 10pt; font-family: arial }
ol           { color:#111111; font-size: 10pt; font-family: arial }
option       { color:#111111; font-size: 10pt; font-family: arial }
p            { color:#111111; font-family: arial; font-size: 10pt }
pre          { color:#111111; font-size: 10pt; font-family: arial }
select       { color:#111111; font-size: 10pt; font-family: arial }
td           { color:#111111; font-size: 10pt; font-family: arial }
textarea     { color:#111111; font-size: 10pt; font-family: arial }
th           { color:#111111; font-family: arial; font-size: 10pt }
tr           { color:#111111; font-family: arial; font-size: 10pt }
ul           { color:#111111; font-family: arial; font-size: 10pt }
}
 
/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
a:active     { color:#111111; font-size: 8pt; font-family: arial}
a:link       { color:#111111; font-family: arial; font-size: 8pt;}
a:visited    { color:#111111; font-family: arial; font-size: 8pt;}
a            { color:#111111; font-size: 10pt; font-family: arial }
table        { color:#111111; font-size: 10pt; font-family: arial; height: 100vw; width:100hw}
img          { border: 0px; align: middle; width: 85vw; height: (122/1072)*85vw}
address      { color:#111111; font-size: 10pt; font-family: arial }
body         { color:#111111; font-size: 10pt; font-family: arial }
button       { color:#111111; font-family: arial; font-size: 10pt}
fieldset     { color:#111111; font-size: 10pt; font-family: arial }
h1           { text-align:center; color:#990000; font-size: 10pt; font-family: arial }
h2           { color:#111111; font-size: 12pt; font-family: arial }
h3           { color:#111111; font-size: 10pt; font-family: arial }
h4           { color:#111111; font-size: 10pt; font-family: arial }
h5           { color:#111111; font-size: 10pt; font-family: arial }
h6           { color:#111111; font-size: 10pt; font-family: arial }
hr           { color:#111111; font-family: arial; font-size: 10pt }
html         { color:#111111; font-family: arial; font-size: 10pt }
input        { color:#111111; font-size: 10pt; font-family: arial }
legend       { color:#111111; font-size: 10pt; font-family: arial }
li           { color:#111111; font-size: 10pt; font-family: arial }
ol           { color:#111111; font-size: 10pt; font-family: arial }
option       { color:#111111; font-size: 10pt; font-family: arial }
p            { color:#111111; font-family: arial; font-size: 10pt }
pre          { color:#111111; font-size: 10pt; font-family: arial }
select       { color:#111111; font-size: 10pt; font-family: arial }
td           { color:#111111; font-size: 10pt; font-family: arial }
textarea     { color:#111111; font-size: 10pt; font-family: arial }
th           { color:#111111; font-family: arial; font-size: 10pt }
tr           { color:#111111; font-family: arial; font-size: 10pt }
ul           { color:#111111; font-family: arial; font-size: 10pt }
}
 
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
a:active     { color:#111111; font-size: 8pt; font-family: arial}
a:link       { color:#111111; font-family: arial; font-size: 8pt;}
a:visited    { color:#111111; font-family: arial; font-size: 8pt;}
a            { color:#111111; font-size: 10pt; font-family: arial }
table        { color:#111111; font-size: 10pt; font-family: arial; height: 100vw; width:100hw}
img          { border: 0px; align: middle; width: 85vw; height: (122/1072)*85vw}
address      { color:#111111; font-size: 10pt; font-family: arial }
body         { color:#111111; font-size: 10pt; font-family: arial }
button       { color:#111111; font-family: arial; font-size: 10pt}
fieldset     { color:#111111; font-size: 10pt; font-family: arial }
h1           { text-align:center; color:#990000; font-size: 10pt; font-family: arial }
h2           { color:#111111; font-size: 12pt; font-family: arial }
h3           { color:#111111; font-size: 10pt; font-family: arial }
h4           { color:#111111; font-size: 10pt; font-family: arial }
h5           { color:#111111; font-size: 10pt; font-family: arial }
h6           { color:#111111; font-size: 10pt; font-family: arial }
hr           { color:#111111; font-family: arial; font-size: 10pt }
html         { color:#111111; font-family: arial; font-size: 10pt }
input        { color:#111111; font-size: 10pt; font-family: arial }
legend       { color:#111111; font-size: 10pt; font-family: arial }
li           { color:#111111; font-size: 10pt; font-family: arial }
ol           { color:#111111; font-size: 10pt; font-family: arial }
option       { color:#111111; font-size: 10pt; font-family: arial }
p            { color:#111111; font-family: arial; font-size: 10pt }
pre          { color:#111111; font-size: 10pt; font-family: arial }
select       { color:#111111; font-size: 10pt; font-family: arial }
td           { color:#111111; font-size: 10pt; font-family: arial }
textarea     { color:#111111; font-size: 10pt; font-family: arial }
th           { color:#111111; font-family: arial; font-size: 10pt }
tr           { color:#111111; font-family: arial; font-size: 10pt }
ul           { color:#111111; font-family: arial; font-size: 10pt }

}