/* HTML5 Reset :: style.css --- all comments removed from below ------------- */
/* ----- START at 0em (0px) and on to infinity ------------------------------ */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure,
footer, header, nav, section, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

article,
aside,
figure,
footer,
header,
nav,
section {display:block;}

img,
object,
embed {max-width:100%;}

html {overflow-y:scroll;}
ul {list-style:none;}
blockquote,
q {
  quotes:none;
}

blockquote:before,
blockquote::before,
blockquote:after,
blockquote::after,
q:before,
q::before,
q:after,
q::after {
  content:'';
  content:none;
}

a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

del {text-decoration:line-through;}
abbr[title], dfn[title] {
  border-bottom:1px dotted #444;
  cursor:help;
  margin-right: 1rem;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
th {
  font-weight:bold;
  vertical-align:bottom;
}
td {
  font-weight:normal;
  vertical-align:middle;
}
hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #ccc;
  margin:1em 0;
  padding:0;
}
input,
select {vertical-align:middle;}
pre {
  white-space:pre;      /*CSS2*/
  white-space:pre-wrap; /*CSS 2.1*/
  white-space:pre-line; /*CSS 3 (and 2.1 as well, actually)*/
  word-wrap:break-word; /*IE*/
}
input[type="radio"] {
  vertical-align:text-bottom;
}
input[type="checkbox"] {
  vertical-align:bottom;
  vertical-align:baseline;
}
select,
input,
textarea {font:99% sans-serif;}

table {
  font-size:inherit;
  font-size:100%;
}
a:link,
a:visited,
a:hover,
a:active {outline:none;}

small {font-size:85%;}
strong,
th {
  font-weight:bold;
}
sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
}
sup {top:-0.5em;}
sub {bottom:-0.25em;}

pre,
code,
kbd,
samp {
  font-family:monospace,
  sans-serif;
}

.clickable,
label,
input[type=button],
input[type=submit],
button {
  cursor:pointer;
}

button,
input,
select,
textarea {
  margin:0;
}

button {
  width:auto;
  overflow:visible;
}
.clearfix:before,
.clearfix:after {
  content:"\0020";
  display:block;
  height:0;
  overflow:hidden;
}
.clearfix:after {clear:both;}

body,
select,
input,
textarea {
  color:#000;
}

ins {
  background-color:#fcd700;
  color:#000;
  text-decoration:none;
}
mark {
  background-color:#fcd700;
  color:#000;
  font-style:italic;
  font-weight:bold;
}

/* ----- Base Styles -------------------------------------------------------- */
html {
  font-size: 62.5%;
  vertical-align:baseline;
  color:#000;
  background:#edf4fc;
  min-height:100%;
  /* Roboto - Helvetica - Arial-based sans serif stack ---------------------- */
  font-family: Roboto, Frutiger, "Frutiger Linotype", Univers, "Gill Sans",
    "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans",
    "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
  /* font-size:14px; font-size:1.4rem; */
  font-size: 15px; font-size: 1.5rem;
}

/* -- linear gradient background -- very light blue #EaF8FF --------------------
   -- to slightly darker light blue #c4DCFF & try #9FF9FF & try #c0d4ff ----- */
html,
body,
table,
#wrapper {
  background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#c0d4ff));
  background-image: -webkit-linear-gradient(left, #fff 0%, #c0d4ff 100%);
  background-image: -o-linear-gradient(left, #fff 0%, #c0d4ff 100%);
  background-image: linear-gradient(to right, #fff 0%, #c0d4ff 100%);
}
/* ----- END OF-linear gradient background ---------------------------------- */
/* ----- ELEMENTS ----------------------------------------------------------- */
aside {
  margin:-10em 1em 0 75%;
  border:1px dotted red;
  font-size:.65em;
  padding:.25em;
}
header,
section,
footer { margin:1% 1em; }
header,
footer {
  margin-top:1em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Montserrat,Verdana,'Verdana Ref',Corbel,'Lucida Grande',
    'Lucida Sans Unicode','DejaVu Sans','Bitstream Vera Sans',
    'Liberation Sans',sans-serif;
}
h1,
.ie8 h1 {
  font-size:14px;font-size:1.4em;
  text-shadow: 2px 1px 2px rgba(85, 85, 85, 1);
}
h2 {
  font-size:13px; font-size:1.3em;
  color:#980000;
}
h3 {font-size:12px; font-size:1.2em;}
h4 {font-size:11px; font-size:1.1em;}
h1, h2, h3, h4 {
  text-align:center;
  margin:auto;
  margin-bottom:0.1em;
}
/* ----- gas price monitor -------------------------------------------------- */
h1.gpm-h1 {
  text-align:left;
  margin:0 0 0.1em 2.75em;
}
h2.gpm-h2 {
  text-align:left;
  margin:.35em 0 .25em 0;
}
h3.gpm-h3 {
  text-align:left;
  margin:auto;
  font-style:italic;
}
figure.gpm-float-left {
  float:left;
  margin:0 0 0 10em;
}
/* ----- END gas price monitor ---------------------------------------------- */
figure + article.wind {margin-top:2em;}
p {
  font-size:12px;font-size:1.2em;
  line-height:15px;line-height:1.5em;
  margin-bottom:0.75em;
}
div.table-container + section {margin-top:3em;}
section figure + article {margin-top:3em;}
section figure + p {margin:2em;}
section figure + figure {margin:2em 0;}
section figure + h2 {margin-top:1em;}
section article p:last-of-type {margin-bottom:3em;}
section, section article {width:100%;}
section article h2 {margin-bottom:.5em;}
section p {text-align:left;}
section article figure + p {margin-top: 2em;}
/* ----- 89.htm ------------------------------------------------------------- */
article.wind ul {
  list-style-image:url("../img/dot.jpg");
  font-size:1.2em;
}
article.wind ul li {
  margin:0 1em 1em .5em;
  text-align:left;
}
h2 article.wind {text-align:left; margin-left:2em;}
/* ----- for ALL ARCHIVE pages ----- transparent blue dot image ------------- */
.archive h2:before { content:" "url('../img/dot10x15.png') " "; }
.archive h2 {
  font-size:2.1em;
/*  text-align:center;*/
  margin:-.3em auto .45em;
}
.archive .cell h2 {margin-bottom:-.25em;}
/* ----- for ARCHIVE pages with h2 inside a th ---(205_archive)--others??---- */
tbody.archive tr th h2 {margin:auto;}
/* ----- END ALL ARCHIVE pages ---- transparent blue dot image -------------- */
table {width:100%;}
table caption {margin-bottom:1em;}
th,
td {font-size:7px; font-size:.7em; /* =7px */}
footer {
  font-size:8px;
  font-size:.8em;
  text-align:center;
  margin-top:1.5em;
}
nav {line-height: 1.4em;}
section p abbr img {
  width:2.5em;
  height:2.5em;
}
ul {
  font-size:10px; font-size:1em;
  margin-bottom:0.25em;
}
ul.bullets {
  list-style-image:url("../img/dot.jpg");
  margin-left:40%;
}
ul.noaa {
  margin-left:10%;
  font-size:1.1em;
  margin-top:-2em;
}
section figure {
  width:100%;
  text-align:center;
  height:auto;
}
section figure img, div#chartdiv, div#container {
  -webkit-box-shadow:10px 15px 15px -5px #333;
          box-shadow:10px 15px 15px -5px #333;
}
/* ----- END of ELEMENTS ---------------------------------------------------- */
/* ----- use divs with css for table-layout, table-row, & table-cell -------- */
#layout {
  display:table;
  margin:2em auto;
}
.row {display:table-row;}
.cell {
  display:table-cell;
  text-align:center;
/*  border:1px dotted pink;*/
}
/* ----- END OF use div with css for table-layout, table-row, & table-cell -- */
/* ----- IDs ---------------------------------------------------------------- */
#wrapper {
  width:98%;
  margin:1%;
  /*border:1em dotted green;*/}
#sources {
  text-align:left;
  font-size:.75em;
  /*clear:both;*/
  padding-top:1em;
  margin:auto;}
#sources p {margin-bottom:.2em;}
#sources p:last-child {
  text-align:center;
  font-style:italic;
  margin-top:1em;}
#sources.oneline p:last-child {font-style:normal;}
#sources h4 {text-align:left;}
#notes h1 {
  font-size:1.1em;
  margin:.5em 0 -.1em 0;
  text-shadow:none;
  text-align:left;}
#notes h2 {
  font-size:1em;
  margin:-.1em 0;
  text-align:left;}
#notes p {
  margin:0;
  font-size:.9em;}
#notes h2:nth-of-type(n+2) {margin-top:.5em;}
/* ----- END of IDs --------------------------------------------------------- */
/* ----- CLASSES ------------------------------------------------------------ */
.archive {padding-top:1em;}
.bold    {font-weight:bold;}
.calign  {text-align:center;}
.down    {margin-top:1em;}
.ext_tablehead {font-size:70%;}
.font75  {font-size:.85em;}
.heatseason h2 {font-size:1.75em;margin-bottom:-.1em;}
.hidden  {display: none;}
.indent  {margin:0 0 0 1.75em;}
.inline  {display:inline;}
.iresize {width:48%; height:48%;}
.lalign  {text-align:left;}
.ralign  {text-align:right;}
.red     {color:#c00;}
.rss     {text-align:right;margin:-2em 0 -1.5em 0;}
.salmon  {background:#ffb699;}
.wind .indent p {margin-bottom:1em;}
.float-left {
  float:left;
  margin:2.5px 10px 10px 0;
  margin:.25em 1em 1em 0;
}
.table-container {
  width:100%;
  overflow:auto;
  overflow-y:auto;
  margin:2em 0 1em;
  min-height:0%;
}
/* 4 rounded corners */
.all-four-rounded-corners {
  border-radius: 10px;
}
.rotate-this {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
/* ----- scrollbars for tables on small screens ----------------------------- */
.table-container::-webkit-scrollbar {
  -webkit-appearance: none;
  width:14px;  width:1.4em;
  height:14px; height:1.4em;
}
.table-container::-webkit-scrollbar-thumb {
  border-radius:8px;
  border: 3px solid #fff;
  background-color:rgba(176, 196, 222, 1);
}
/* ----- END OF scrollbars for tables on small screens ---------------------- */
.up { margin:0; }
/* ----- set ALL INITIAL widths for sections & tables to 100% & margin:auto - */
.width25,
.width30,
.width35,
.width45,
.width50,
.width55,
.width65,
.width75,
.width80,
.width85 {
  width:100%;
  margin:auto;
}
/* ----- END widths for sections & tables & margin auto --------------------- */
/* ----- END of CLASSES ----------------------------------------------------- */
/* ----- LINKS -------------------------------------------------------------- */
a:link {
  text-decoration:underline;
  -webkit-transition: background 1.5s ease;
       -o-transition: background 1.5s ease;
          transition: background 1.5s ease;
  color:#23a;
  background:transparent;
}
a:visited {
  color:#9622aa;
  text-decoration:none;
  background:transparent;
}
a:hover {
  color:#def;
  background:#9622aa;
}
a:active {
  color:#34b;
  background:#fff;
}
/* ----- END of LINKS ------------------------------------------------------- */
/* ----- END of Base Styles ------------------------------------------------- */

/* ----- 10em (160px) ------------------------------------------------------- */
@media only screen and (min-width:10em){
  /* ----- IDs -------------------------------------------------------------- */
  #wrapper {width:9.8em; min-width:98%; margin:auto;}
  #sources {font-size:.85em;}
  /* ----- END of IDs ------------------------------------------------------- */
  /* ----- ELEMENTS --------------------------------------------------------- */
  article.wind ul {
    font-size:10px; font-size:1em;
    margin:.5em 0 1em 1.5em;
  }
  article.wind ul li {margin-bottom:.5em;}
  h2 article.wind {margin-left:0;}
  aside {margin:1em 1em;clear:both;}
  section h2.gpm-h2 {clear:both;}
  figure.gpm-float-left {float:left;margin:0 .25em;}
  h1, .ie8 h1 {font-size:14px; font-size:1.4em;}
  h2, .ie8 h2 {font-size:13px; font-size:1.3em;}
  h3, .ie8 h3 {font-size:12px; font-size:1.2em;}
  h4, .ie8 h4 {font-size:11px; font-size:1.1em;}
  footer, .ie8 footer {font-size:9px; font-size:.9em;}
  caption h2, figcaption h2, .ie8 caption h2 {font-size:12px; font-size:1.2em;}
  caption h3, figcaption h3, .ie8 caption h3 {font-size:11px; font-size:1.1em;}
  thead th, tfoot th, tbody th, tbody td {font-size:7px; font-size:.7em;}
  section p {text-align:left;}
  section article p:first-line {font-weight:700;}
  section figure img + img, section figure + figure {margin-left:0;}
  /* ----- END of ELEMENTS  ------------------------------------------------- */
  /* ----- CLASSES ---------------------------------------------------------- */
  .indent {margin:0;}
  .mobile-hide {display:none;}
  .mobile-show {display:inline;}
  .mobile-show-tfoot {display:table-footer-group;}
  .production h2:nth-of-type(2) {margin-top:1.1em;}
  .production h3 {color:#900;}
  .production p.ref + p, .production p.notes + p {margin-top:1.5em;}
  .production p.ref + .production p.notes {margin-top:.75em;}
  .rss {text-align:left;margin:auto;}
  p.ref  {
    margin:-.5em 0 .75em 0;
    font-size:.85em;
    font-variant:normal;
    font-weight:normal;
    text-indent:0;
  }
  p.ref:first-letter {font-weight:normal;}
  p.notes  {
    margin:.25em 0 1em 0;
    font-size:.85em;
    font-variant:normal;
    font-weight:normal;
    text-indent:0;
  }
  p.notes:first-letter {font-weight:normal;}
  /* ----- END of CLASSES --------------------------------------------------- */
  /* ----- widths for sections & tables & sources & margin auto ------------- */
  .width10, .width15, .width20,
  .width25, .width30, .width35, .width40,
  .width45, .width50, .width55, .width60,
  .width65, .width70, .width75, .width80,
  .width85, .width90, .width95  .width100 {width:9.7em; min-width:98%; margin:auto;}
  /* ----- END widths for sections & tables & sources & margin auto --------- */
}
/* ----- END 10em (160px) --------------------------------------------------- */

/* ----- 20em (320px) ------------------------------------------------------- */
@media only screen and (min-width:20em){
}
/* ----- 30em (480px) ------------------------------------------------------- */
@media only screen and (min-width:30em){
  /* ----- ELEMENTS ---------------- ---------------------------------------- */
  #wrapper {width:29.9em;}
  h1, .ie8 h1 {font-size:14px;font-size:1.4em;}
  h2 {font-size:14px;font-size:1.4em;}
  caption h2, figcaption h2 {font-size:13px;font-size:1.3em;}
  caption h3, figcaption h3 {font-size:11px;font-size:1.1em;}
  section article p:first-line {font-weight:700;}
  /* ----- END of ELEMENTS  ------------------------------------------------- */
  /* ----- widths for sections & tables & sources & margin auto ------------- */
  .width10, .width15, .width20,
  .width25, .width30, .width35, .width40,
  .width45, .width50, .width55, .width60,
  .width65, .width70, .width75, .width80,
  .width85, .width90, .width95  .width100 {width:29.8em; min-width:98%; margin:auto;}
  /* ----- END widths for sections & tables & sources & margin auto --------- */
}
/* ----- END 30em (480px) --------------------------------------------------- */
/* ----- 33.875em (540px) --------------------------------------------------- */
@media only screen and (min-width:33.875em){
  #wrapper {width:33.775em;}
  figure.gpm-float-left {margin:0 2em;}
  h1, .ie8 h1 {line-height:14px;line-height:1.4em;}
  th, td {font-size:8px;font-size:.8em;}
  section article p:first-line {font-weight:600;}
  .rss {text-align:right;margin:-2em 0 -1.5em 0;}
  /* ----- widths for sections & tables & sources & margin auto ------------- */
  .width10, .width15, .width20,
  .width25, .width30, .width35, .width40,
  .width45, .width50, .width55, .width60  {width:28.79375em; min-width:80%; margin:auto;}
  .width65, .width70, .width75, .width80  {width:32.18125em; min-width:90%; margin:auto;}
  .width85, .width90, .width95, .width100 {width:33.775em;   min-width:98%; margin:auto;}
  /* ----- END widths for sections & tables & sources & margin auto --------- */
}
/* ----- END 33.875em (540px) ----------------------------------------------- */

/* ----- 36.25em (580px) ---------------------------------------------------- */
@media only screen and (min-width:36.25em) {
}

/* ----- 37.5em (600px) ----------------------------------------------------- */
@media only screen and (min-width:37.5em) {
  #wrapper {width:37.4em;}
  aside {clear:right;margin:-5em 1em 0 75%;}
  figure.gpm-float-left {margin:0 1em;}
  h1, .ie8 h1 {font-size:16px;font-size:1.6em;line-height:14px;line-height:1.4em;}
  th, td {font-size:8.5px;font-size:.85em;}
  /* ----- widths for sections & tables & sources & margin auto ------------- */
  .width10, .width15, .width20,
  .width25, .width30, .width35, .width40 {width:28.125em; min-width:75%; margin:auto;}
  .width45, .width50, .width55, .width60 {width:31.875em; min-width:85%; margin:auto;}
  .width65, .width70, .width75, .width80 {width:36.625em; min-width:95%; margin:auto;}
  .width85, .width90, .width95,.width100 {width:37.4em;   min-width:98%; margin:auto;}
  /* ----- END widths for sections & tables & sources & margin auto --------- */
}
/* ----- END 37.5em (600px) ------------------------------------------------- */

/* ----- 48em (768px) ------------------------------------------------------- */
@media only screen and (min-width:48em) {
  #wrapper {width:47.9em;}
  figure.gpm-float-left {margin:0 3em;}
  p { font-size:12px; font-size:1.2em; }
  th, td {font-size:9px; font-size:.9em;}
  article + h2 {font-size:1.35em;text-align:left;margin-left:0;line-height:1.4em;}
  /* ----- widths for sections & tables & sources & margin auto ------------- */
  .width10, .width15, .width20,
  .width25, .width30, .width35, .width40 {width:28.8em; min-width:60%; margin:auto;}
  .width45, .width50, .width55, .width60 {width:36em; min-width:75%; margin:auto;}
  .width65, .width70, .width75, .width80 {width:43.2em; min-width:90%; margin:auto;}
  .width85, .width90, .width95,.width100 {width:47.9em; min-width:98%; margin:auto;}
  /* ----- END widths for sections & tables & sources & margin auto --------- */
}
/* ----- END 48em (768px) --------------------------------------------------- */

/* ----- 56.25em (900px) ---------------------------------------------------- */
@media only screen and (min-width:56.25em) {
  /* ----- ELEMENTS --------------------------------------------------------- */
  #wrapper {width:56.15em;}
  section h2.gpm-h2 {clear:none;}
  aside {clear:none;margin:-8em 1em 0 75%;}
  h1, .ie8 h1 {font-size:23px;font-size:2.3em;}
  h2 {font-size:17px;font-size:1.7em;}
  h3 {font-size:13px;font-size:1.3em;}
  h4 {font-size:12px;font-size:1.2em;}
  p  {line-height:13.5px;line-height:1.35em;}
  caption h2, figcaption h2 {font-size:15px; font-size:1.5em;}
  caption h3, figcaption h3 {font-size:14px; font-size:1.4em;}
  .indent {margin:0 0 0 1.75em;}
  th, td {font-size:10px;font-size:1em;}
  article.wind ul {
    font-size:10px; font-size:1em;
    margin:1em 0 2em 5em;
  }
  article.wind ul li {margin-bottom:.65em;}
  h2 article.wind {margin-left:1em;}
  section article {border-left:thick double #f00;}
  article + h2 {
    font-size:1.65em;
    text-align:left;
    margin-left:2em;
    line-height:1.75em;
  }
  section article p {
    font-size:12px;
    font-size:1.2em;
    line-height:15px;
    line-height:1.5em;
    margin:0 0 1em 2em;
    text-align:left;
  }
  section article p + p {
    text-indent:25px;
    text-indent:2.5em;
  }
  section article p:first-letter {
    font-size:20px;
    font-size:2em;
    line-height:7px;
    line-height:1.2em;
    font-weight:400;
    float: left;
    /*margin:   -.2em 0.107em 0 0;*/
    margin:0 .2em 0 0;
    text-shadow:2px -1px 2px rgba(85, 85, 85, 1);
  }*/
  section article:nth-of-type(2n) h3 + p:first-letter {
    font-size:12px;
    font-size:1.2em;
    font-weight:normal;
    font-variant:normal;
    line-height:1.4em;
    float:none;
    margin:0;
    text-shadow:none;
  }
  section article p ~ p:first-letter {
    font-size:100%;
    font-weight:500;
    float:none;
    margin:0;
    text-shadow:none;
  }
  section article p + p:first-line,
  section article p ~ p:first-line,
  section article h2 + p:first-line,
  section article h3 + p:first-line {font-weight:normal;}
  section article p:last-of-type {margin-bottom:2em;}

  section article.normal p:nth-of-type(n+2):first-letter {font-weight:bold; font-size:1em;}
  p.ref  {
    margin:-.5em 0 .75em 3em;
    font-size:.85em;
    font-variant:normal;
    font-weight:normal;
    text-indent:0;
  }
  p.ref:first-letter {font-weight:normal;}
  p.notes  {
    margin:.25em 0 1em 3em;
    font-size:.85em;
    font-variant:normal;
    font-weight:normal;
    text-indent:0;
  }
  p.notes:first-letter {font-weight:normal;}
  /* ----- END of ELEMENTS -------------------------------------------------- */
  .s5 {width:45%; height:45%;}
  .mobile-hide {display: inline;}
  .mobile-show {display: none;}
  /* ----- widths for sections & tables & sources & margin auto ------------- */
  .width10, .width15, .width20, .width25 {width:22.5em; min-width:40%; margin:auto;}
  .width30, .width35, .width40, .width45 {width:28.125em; min-width:50%; margin:auto;}
  .width50, .width55, .width60, .width65 {width:39.375em; min-width:70%; margin:auto;}
  .width70, .width75, .width80, .width85 {width:43.2em; min-width:90%; margin:auto;}
  .width90, .width95, .width100 {width:56.2em; min-width:98%; margin:auto;}
  /* ----- END widths for sections & tables & sources & margin auto --------- */
}
/* ----- 64em (1024px) ------------------------------------------------------ */
@media only screen and (min-width:64em) {
  #wrapper {width:63.9em;}
  figure.gpm-float-left {margin:0 0 0 4em;}
  article.wind ul {
    font-size:11px; font-size:1.1em;
    margin:1em 0 2.5em 4em;
  }
  article.wind ul li {margin-bottom:.75em;}
  h2 article.wind {margin-left:1em;}
  /* ----- widths for sections & tables & sources & margin auto ------------- */
  .width10, .width15, .width20, .width25 {width:25.6em; min-width:40%; margin:auto;}
  .width30, .width35, .width40, .width45 {width:38.4em; min-width:50%; margin:auto;}
  .width50, .width55, .width60, .width65 {width:51.2em; min-width:70%; margin:auto;}
  .width70, .width75, .width80, .width85 {width:57.6em; min-width:90%; margin:auto;}
  .width90, .width95, .width100 {width:63.9em; min-width:98%; margin:auto;}
  /* ----- END widths for sections & tables & sources & margin auto --------- */
}
/* ----- 68.75em (1100px) --------------------------------------------------- */
@media only screen and (min-width:68.75em) {
  #wrapper {width:68.65em;}
  /* ----- ELEMENTS --------------------------------------------------------- */
  section h2 article.wind p {margin-bottom:1em; }
  article.wind ul {font-size:12px; font-size:1.2em;margin-top:0;}
  article.wind ul li {margin:0 2em 1em 1em;}
  h1, .ie8 h1 {font-size:24px;font-size:2.4em;}
  .ie8 h1 {margin-bottom:.5em;}
  h2 {font-size:18px;font-size:1.6em;}
  h3 {font-size:14px;font-size:1.3em;}
  h4 {font-size:12px;font-size:1.2em;}
  p  {font-size:12px;font-size:1.2em;}
  footer {font-size:8px;font-size:.8em;}
  caption h2, figcaption h2 {font-size:16px;font-size:1.6em;}
  caption h3, figcaption h3 {font-size:14px;font-size:1.4em;}
  th, td {font-size:10px;font-size:1em;}/*same as 900px wide */
  /*section article .normal p:first-letter, section article.normal p:first-line {font-variant:normal; font-weight:normal;}*/
  section article.normal p:nth-of-type(n+2):first-letter {
    font-weight:bold;
    font-size:1em;
  }
  section article.normal p.ref {
    margin:-1em 0 .25em 3em;
    font-size:.85em;
    font-variant:normal;
    font-weight:normal;
    text-indent:0;
  }
  section article.normal p.ref:first-letter {font-weight:normal;}
  section article.normal p.notes {
    margin:.25em 0 1em 3em;
    font-size:.85em;
    font-variant:normal;
    font-weight:normal;
    text-indent:0;
  }
  section article.normal p.notes:first-letter {font-weight:normal;}
  /* ------------END of ELEMENTS -------------------------------------------- */
  /* ---------------------IDs ----------------------------------------------- */
  #sources {font-size:7px;font-size:.7em; }
  /* ----------------- END of IDs ------------------------------------------- */
  /* ----- widths for sections & tables & sources & margin auto ------------- */
  .width10, .width15, .width20, .width25 {width:37em; min-width:32%; margin:auto;}
  .width30, .width35, .width40, .width45 {width:48em; min-width:52%; margin:auto;}
  .width50, .width55, .width60, .width65 {width:55em; min-width:72%; margin:auto;}
  .width70, .width75, .width80, .width85 {width:61em; min-width:85%; margin:auto;}
  .width90, .width95, .width100 {width:68.7em; min-width:98%; margin:auto;}
  /* ----- END widths for sections & tables & sources & margin auto --------- */
  .mobile-show-tfoot {display:none;}
}
/* ----- 71.875em (1150px) -------------------------------------------------- */
@media only screen and (width:71.875em) {
}

/* ----- 75em (1200px) ------------------------------------------------------ */
@media only screen and (width:75em) {
  #wrapper {width:74.9em;}
  /* ----- widths for sections & tables & sources & margin auto ------------- */
  .width10, .width12 {width:9em;    min-width:14%; margin:auto;}
  .width15, .width20 {width:16.5em; min-width:22%; margin:auto;}
  .width25, .width30 {width:24em;   min-width:32%; margin:auto;}
  .width35, .width40 {width:31.5em; min-width:42%; margin:auto;}
  .width45, .width50 {width:39em;   min-width:52%; margin:auto;}
  .width55, .width60 {width:46.5em; min-width:62%; margin:auto;}
  .width65, .width70 {width:54em;   min-width:72%; margin:auto;}
  .width75, .width80 {width:61.5em; min-width:82%; margin:auto;}
  .width85, .width90 {width:69em;   min-width:92%; margin:auto;}
  .width95           {width:95%;    min-width:71.25em; margin:auto;}
  .width100          {width:100%;   min-width:75em; margin:auto;}
  /* ----- END widths for sections & tables & sources & margin auto --------- */
  section article p:first-letter {font-size:26px;font-size:2.6em;}
}

/* ----- 81.25em (1300px) --------------------------------------------------- */
@media only screen and (min-width:81.25em) {
  /* ----- ELEMENTS --------------------------------------------------------- */
  #wrapper {width:81.15em;}
  figure.gpm-float-left {margin:0 0 0 10em;}
  h1, .ie8 h1 {font-size:26px;font-size:2.6em;}
  h2 {font-size:24px;font-size:2.4em;}
  th, td {font-size:11px;font-size:1.1em;}
  section figure img + img {margin-left:.5em;}
  /* ----- END of ELEMENTS -------------------------------------------------- */
  /* ----- widths for sections & tables & sources & margin auto ------------- */
  .width10 {width:10%; min-width:8.125em; margin:auto;}
  .width12 {width:12%; min-width:9.75em; margin:auto;}
  .width15 {width:15%; min-width:12.1875em; margin:auto;}
  .width20 {width:20%; min-width:16.25em; margin:auto;}
  .width25 {width:25%; min-width:20.3125em; margin:auto;}
  .width30 {width:30%; min-width:24.375em; margin:auto;}
  .width35 {width:35%; min-width:28.4375em; margin:auto;}
  .width40 {width:40%; min-width:32.5em; margin:auto;}
  .width45 {width:45%; min-width:36.5625em; margin:auto;}
  .width50 {width:50%; min-width:40.625em; margin:auto;}
  .width55 {width:55%; min-width:44.6875em; margin:auto;}
  .width60 {width:60%; min-width:48.75em; margin:auto;}
  .width65 {width:65%; min-width:52.8125em; margin:auto;}
  .width70 {width:70%; min-width:56.875em; margin:auto;}
  .width75 {width:75%; min-width:60.9375em; margin:auto;}
  .width80 {width:80%; min-width:65em; margin:auto;}
  .width85 {width:85%; min-width:69.0625em; margin:auto;}
  .width90 {width:90%; min-width:73.125em; margin:auto;}
  .width95 {width:95%; min-width:77.1875em; margin:auto;}
  .width100 {width:100%; min-width:81.25em; margin:auto;}
  /* ----- END widths for sections & tables & sources & margin auto --------- */
}
/* ----- 85.375em (1366px) -------------------------------------------------- */
@media only screen and (min-width:85.375em) {
  article > h2 > p:first-letter {font-size:30px;font-size:3em;}
}
/* ----- 87.5em (1400px) ---------------------------------------------------- */
@media only screen and (min-width:87.5em) {
  #wrapper {width:87.4em;}
  section figure img + img {margin-left:1em;}
}
/* ----- 93.75em (1500px) --------------------------------------------------- */
@media only screen and (min-width:93.75em) {

}