/* https://chemandy.com/themes/technical.css */
/* Use the reference number series 40 to 49 */
/* Three image containers (use 25% for four, and 50% for two, etc) */
.column5 {float: left; margin-left: 1%; padding: 5px; width: 40%
}
.column10 {float: left; margin-left: 10%; padding: 5px; width: 35%
}
.column15 {float: left; margin-left: 15%; padding: 5px; width: 30%
}
.f40 {text-align: center; font: 600 120% Georgia, "DejaVu Serif", Garamond, Serif; font-size:100%\9; color: #be004c
}
.f41 {font: 500 105% Georgia, Cambria, "Latin Modern Math", "Lucida Bright", "Liberation Serif", Palatino, "Times New Roman", Serif; font-size:100%\9; text-decoration: underline
}
.f42 {font-style: italic
}
.graph {width: 43%; height: auto
}
h1 {font-size: 150%; color: #be004c; font-weight: 600
}
.ml1width40 {float: left; margin-left: 1%; padding: 5px; text-align: center; width: 40%
}
.ml9width40 {float: left; margin-left: 9%; padding: 5px; text-align: center; width: 40%
}
.para {color: #be004c; font-size: 120%; font-weight: 600
}
.picwidth5 {width: 5%; height: auto
}
.picwidth7p5 {width: 7.5%; height: auto
}
.picwidth10 {width: 10%; height: auto
}
.picwidth15 {width: 15%; height: auto
}
.picwidth17p5 {width: 17.5%; height: auto
}
.picwidth20 {width: 20%; height: auto
}
.picwidth22p5 {width: 22.5%; height: auto
}
.picwidth25 {width: 25%; height: auto
}
.picwidth27p5 {width: 27.5%; height: auto
}
.picwidth30 {width: 30%; height: auto
}
.picwidth35 {width: 35%; height: auto
}
.picwidth40 {width: 40%; height: auto
}
.picwidth45 {width: 45%; height: auto
}
.picwidth50 {width: 50%; height: auto
}
.picwidth55 {width: 55%; height: auto
}
.quote { padding: 1% 0 1% 20%; font: italic 400 100% Georgia, Cambria, "Latin Modern Math", "Lucida Bright", "Liberation Serif", Palatino, "Times New Roman", Serif
}
.textl { text-align: left
}
/* Clear floats after image containers */
.row::after {content: ""; clear: both; display: table
}
/* tables */
.data30 {background-color:#EEE; border:none; margin: -1.5% 25%; padding:15px; position: absolute; left: 30%; width:26%
}
.index {background-color:#EEE; border:none; margin:2% 25%; padding:15px; width:55%
}
.wideindex {background-color:#EEE; border:none; margin:2% 5%; padding:15px; width:90%
}
.boldnarrow {background-color:#EEE; font-weight: 600; padding: 4px; text-align: center; width: 5%
}
.antblank {background-color:#EEE; padding: 4px; width: .5%
}
.ant {background-color:#800000; padding: 4px; width: .5%
}
.bold {background-color:#EEE; font-weight: 600; padding: 4px; width: 16%
}
.boldwide {background-color:#EEE; font-weight: 600; text-align: center; padding: 4px; width: 45%
}
.boldverywide {background-color:#EEE; font-weight: 600; padding: 4px; text-align: center; width: 70%
}
.data {background-color:#EEE; font-size: 120%; font-weight: 400; padding: 2px; text-align: center; width: 15%
}
.data1 {background-color:#EEE; font-size: 115%; font-weight: 400; padding: 2px; text-align: center; width: 15%
}
.data2 {background-color:#EEE; font-weight: 400; padding: 5% 4%; text-align: center; width: 15%
}
.data3 {background-color:#EEE; font-weight: 400; padding: 1.5% 4% 0; text-align: center; width: 15%
}
.titlepos {color: #000;font-size: 100%; font-weight: 400; position: absolute; right: 25%
}
/* large screens/TV */
@media only screen and (max-width: 2001px) {
body { font-size: 120%
}
.graph {width: 44%
}
h1 {margin: 1% 30% 1%
}
.picwidth5 {width: 5%
}
.picwidth7p5 {width: 7.5%
}
.picwidth10 {width: 11%
}
.picwidth15 {width: 12%
}
.picwidth17p5 {width: 17%
}
.picwidth20 {width: 18%
}
.picwidth22p5 {width: 17%
}
.picwidth25 {width: 26%
}
.picwidth27p5 {width: 30%
}
.picwidth30 {width: 31%
}
.picwidth35 {width: 34%
}
.picwidth40 {width: 38%
}
.picwidth45 {width: 46%
}
.picwidth50 {width: 56%
}
.picwidth55 {width: 58%
}
}
/* large laptops */
@media only screen and (max-width: 1601px) {
body { font-size: 100%
}
.graph {width: 50%
}
.picwidth5 {width: 5.2%
}
.picwidth7p5 {width: 7.8%
}
.picwidth10 {width: 12%
}
.picwidth15 {width: 15%
}
.picwidth17p5 {width: 21%
}
.picwidth20 {width: 23%
}
.picwidth22p5 {width: 23%
}
.picwidth25 {width: 27%
}
.picwidth27p5 {width: 31%
}
.picwidth30 {width: 32%
}
.picwidth35 {width: 38%
}
.picwidth40 {width: 40%
}
.picwidth45 {width: 40%
}
.picwidth50 {width: 57%
}
.picwidth55 {width: 60%
}
}
/* laptops */
@media only screen and (max-width: 1299px) {
body {font-size: 100%
}
.graph {width: 60%
}
h1 {margin: 3% 20%
}
.picwidth5 {width: 6.3%
}
.picwidth7p5 {width: 9.4%
}
.picwidth10 {width: 14%
}
.picwidth15 {width: 15%
}
.picwidth17p5 {width: 24%
}
.picwidth20 {width: 22%
}
.picwidth22p5 {width: 23%
}
.picwidth25 {width: 32%
}
.picwidth27p5 {width: 38%
}
.picwidth30 {width: 38%
}
.picwidth35 {width: 42%
}
.picwidth40 {width: 46%
}
.picwidth45 {width: 55%
}
.picwidth50 {width: 60%
}
.picwidth55 {width: 70%
}
}
/* large tablets */
@media only screen and (max-width: 1001px) {
body {font-size: 80%
}
.graph {width: 70%
}
h1 {margin: 1% 30% 3%
}
.ml9width40 {margin-left: 7%
}
.picwidth5 {width: 7.7%
} circular
.picwidth7p5 {width: 11.5%
}
.picwidth10 {width: 16%
}
.picwidth15 {width: 24%
}
.picwidth17p5 {width: 30%
}
.picwidth20 {width: 34%
}
.picwidth22p5 {width: 36%
}
.picwidth25 {width: 39%
}
.picwidth27p5 {width: 44%
}
.picwidth30 {width: 46%
}
.picwidth35 {width: 56%
}
.picwidth45 {width: 71%
}
.picwidth40 {width: 61%
}
.picwidth50 {width: 72%
}
.picwidth55 {width: 84%
}
}
/* large tablets */
@media only screen and (max-width: 801px) {
body {font-size: 75%
}
.data, .data2, .data3 {padding: 2% 4% 0
}
.datafilla {font-size: 400%
}
.graph {width: 79%
}
h1 {font-size: 147%; margin: 3% 10%
}
.picwidth5 {width: 7.8%
}
.picwidth7p5 {width: 11.7%
}
.picwidth10 {width: 18%
}
.picwidth15 {width: 24%
}
.picwidth17p5 {width: 34%
}
.picwidth20 {width: 36%
}
.picwidth22p5 {width: 34%
}
.picwidth25 {width: 40%
}
.picwidth27p5 {width: 46%
}
.picwidth30 {width: 47%
}
.picwidth35 {width: 60%
}
.picwidth40 {width: 61%
}
.picwidth45 {width: 74%
}
.picwidth50 {width: 78%
}
.picwidth55 {width: 86%
}
}
/*small tablets */
@media only screen and (max-width: 655px) {
body {font-size: 66.6%
}
.banner40 {font-size: 40%
}
.data {padding: 0 4%; font-size: 75%
}
.data2 {padding: 2% 4%; font-size: 75%
}
.data3 {padding: 2% 4% 0; font-size: 75%
}
.footer {font-size: 90%
}
.graph {width: 84%
}
.ml1width40 {margin-left: 7%
}
.ml9width40 {margin-left: 3%
}
.picwidth7p5 {width: 13.3%
}
.picwidth5 {width: 8.9%
}
.picwidth10 {width: 20%
}
.picwidth15 {width: 27%
}
.picwidth17p5 {width: 35%
}
.picwidth20 {width: 40%
}
.picwidth22p5 {width: 40%
}
.picwidth25 {width: 48%
}
.picwidth27p5 {width: 58%
}
.picwidth30 {width: 53%
}
.picwidth35 {width: 64%
}
.picwidth40 {width: 71% circular
}
.picwidth45 {width: 79%
}
.picwidth50 {width: 89%
}
.picwidth55 {width: 98%
}
}
/* mobile phones */
@media only screen and (max-width: 505px) {
.data {padding: 3% 4% 0; font-size: 66.6%
}
.data2 {padding: 5% 4% 0; font-size: 66.6%
}
.data3 {padding: 3.5% 4% 0; font-size: 66.6%
}
.graph {width: 120%; margin-left: -3%
}
h1 {font-size: 130%; margin: 3% 5%
}
.ml1width40 {float: none; margin-left: 17%; white-space: nowrap
}
.ml9width40 {float: none; margin-left: 17%; white-space: nowrap
}
.para {font-size: 107%
}
.picwidth5 {width: 12.9%
}
.picwidth7p5 {width: 19.3%
}
.picwidth10 {width: 28%
}
.picwidth15 {width: 39%
}
.picwidth17p5 {width: 51%
}
.picwidth20 {width: 56%; margin-left: -30%
}
.picwidth22p5 {width: 58%
}
.picwidth25 {width: 69%
}
.picwidth27p5 {width: 86%
}
.picwidth30 {width: 77%
}
.picwidth35 {width: 96%
}
.picwidth40 {width: 103%; margin-left: -1%
}
.picwidth45 {width: 110%
}
.picwidth50 {width: 120%
}
.picwidth55 {width: 141%
}
.wideindex {background-color:#eee; border:none; margin:2% 0; padding:5px; width:100%
}
}
/* small mobile phones */
@media only screen and (max-width: 350px) {
.banner40 {font-size: 55%
}
.column5 {margin-left: 0; width: 40%; padding-top: 6%
}
.column10 {margin-left: 0; width: 34%
}
.column15 {margin-left: 0; width: 33%
}
.data, .data2, .data3 {padding: 2% 4% 0; font-size: 66.6%
}
.graph {width: 160%; margin-left: -3%
}
h1 {font-size: 125%
}
.logo {width: 12%; height: auto
}
.ml1width40 {margin-left: 5%
}
.ml9width40 {margin-left: 5%
}
.picwidth5 {width: 13.8%
}
.picwidth7p5 {width: 21%
}
.picwidth10 {width: 34%
}
.picwidth15 {width: 50%
}
.picwidth17p5 {width: 71%
}
.picwidth20 {width: 75%
}
.picwidth22p5 {width: 85%
}
.picwidth25 {width: 93%
}
.picwidth27p5 {width: 104%
}
.picwidth30 {width: 82%
}
.picwidth35 {width: 120%
}
.picwidth40 {width: 140%; margin-left: -2%
}
.picwidth45 {width: 150%
}
.picwidth50 {width: 138%
}
.picwidth55 {width: 151%
}
}
/* smallest mobile phones */
@media only screen and (max-width: 300px) {
.banner40 {font-size: 75%
}
.column5 {padding-top: 2%
}
.graph {width: 225%; margin-left: -3%
}
h1 {margin-left: -2%
}
.picwidth5 {width: 25%
}
.picwidth7p5 {width: 37.5%
}
.picwidth10 {width: 50%
}
.picwidth15 {width: 72%
}
.picwidth17p5 {width: 90%
}
.picwidth20 {width: 97%; margin-left: -5%
}
.picwidth22p5 {width: 105%
}
.picwidth25 {width: 130%
}
.picwidth27p5 {width: 140%; margin-left: -5%
}
.picwidth30 {width: 150%; margin-left: -2%
}
.picwidth35 {width: 160%; margin-left: -2%
}
.picwidth40 {width: 190%
}
.picwidth45 {width: 200%
}
.picwidth50 {width: 250%
}
.picwidth55 {width: 275%
}
}