html,
body,
div {
  font-family: 'Graphik Web',Arial,sans-serif;
  box-sizing: border-box;
}
body {
  padding: 0;
  margin: 0;
}
#content {
  display: flex;
}
div.body, div.citation {
  margin-top: 1em;
}
div.header {
  padding: .92857rem 0;
  height: 3.4rem;
  padding: 15px;
  height: auto;
  background-color: #778d99;
  width: 100%;
}
.usp-nf-header-logo {
  width: 100%;
  max-width: 530px;
}
.usp-nf-header-title {
  line-height: 2.5rem;
  height: 2.78571rem;
  color: #fff;
  font-size: 2rem;
  display: inline-block;
  text-decoration: none;
  vertical-align: text-bottom;
}
.pageinfo-bar {
  float: left;
  width: 22%;
  padding: 40px 30px 40px 20px;
}
.pageinfo-bar.devices {
  display: none;
}
.pageinfo-description {
  background-color: #e4e4e4;
  padding: 32px 20px;
}
.pageinfo-text {
  font-family: 'Graphik Web',Arial,sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  margin: 0 0 20px;
}
#text-area {
  background: url(watermark.png);
  background-position: 50% 50%;
  width: 78%;
  padding: 40px 25px;
}
#text-area-fcc {
  background: url(watermark-not-effective-fcc-forum-content.png);
  background-position: 50% 50%;
  width: 78%;
  padding: 40px 25px;
}
#text-area-french {
  background: url(watermark-Contenu-USP-NF-non-officiel.png);
  background-position: 50% 50%;
  width: 78%;
  padding: 40px 25px;
}
#text-area-spanish {
  background: url(watermark-Contenido-USP-NF-PF-No-Oficial.png);
  background-position: 50% 50%;
  width: 78%;
  padding: 40px 25px;
}
.briefing {
  text-align: left;
  color: black;
}
.briefing-para {
  color: black;
  font-weight: normal;
  line-height: 120%;
  font-variant: normal;
  text-align: left;
}
.authors {
  font-size: medium;
}
div.rs-section {
margin-top: 1em;
margin-bottom: 1em;
}
div.title {
  font-family: 'Graphik Web',Arial,sans-serif;
  font-weight: 800;
  font-size: 36px;
  line-height: 40px;
  margin: 5px 0 20px;
}
div.heading {
  font-size:14px;
}
h3 {
  font-size:12px;
}
.rs-head {
  color: #FF6F4C;
}
div.chem-info {
  font-size:14px;
}
a.rs-link {
  font-size:12px;
}
.chem_name {
  color: black;
  font-size: small;
  text-align: left;
  font-weight: normal;
}
.mol_wt {
  color: black;
  font-size: small;
  margin-left: 5em;
}
.cas_group {
  margin-left: 1em;
}
.cas {
  color: black;
  font-size: small;
  text-align: left;
}
h2 {
  color: black;
  font-weight: bold;
  font-size: small;
  margin-top: 1em;
  line-height: 160%;
}
.list-group {
  padding-left: 3em;
  margin-bottom: 20px;
  text-indent: 0;
}
.list-group-item-unordered {
  list-style-type: disc;
}
.list-group-item-ordered {
  list-style-type: decimal;
}
.list-para {
    display:inline;
}
.identifiers {
  font-size: 12px;
  font-weight: bold;
  margin-left: 20px;
  margin: 0;
}
.divider {
  width:10px;
  height:auto;
  padding-top: 25px;
  display:inline-block;
}
a.button {
  background-color: #88060f;
  border: none;
  color: white;
  padding: 10px 10px;
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 16px;
  margin: 0 0 10px;
  cursor: pointer;
  border-radius: 20px;
  white-space: nowrap;
}
a.button.fcc {
  background-color: #285781;  
}
a.button.orange {
  background-color: #d86435;
}
footer {
  text-align: left;
  vertical-align: bottom;
  padding-top: 15px;
  font-size: small;
  border-top: 2px solid #bcc0c3;
  padding: 15px 25px 15px calc(22% + 5px);
  margin: 0 20px;
}
                        
/* Graphik font */
@font-face {
  font-family: 'Graphik Web';
  src: url('fonts/Graphik-BoldItalic-Web.eot');
  src: url('fonts/Graphik-BoldItalic-Web.eot?#iefix') format('embedded-opentype'),
       url('fonts/Graphik-BoldItalic-Web.woff2') format('woff2'),
       url('fonts/Graphik-BoldItalic-Web.woff') format('woff');
  font-weight:  700;
  font-style:   italic;
  font-stretch: normal;
}
.Graphik-BoldItalic-Web {
  font-family: 'Graphik Web';
  font-weight:  700;
  font-style:   italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('fonts/Graphik-Bold-Web.eot');
  src: url('fonts/Graphik-Bold-Web.eot?#iefix') format('embedded-opentype'),
       url('fonts/Graphik-Bold-Web.woff2') format('woff2'),
       url('fonts/Graphik-Bold-Web.woff') format('woff');
  font-weight:  700;
  font-style:   normal;
  font-stretch: normal;
}
.Graphik-Bold-Web {
  font-family: 'Graphik Web';
  font-weight:  700;
  font-style:   normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('fonts/Graphik-MediumItalic-Web.eot');
  src: url('fonts/Graphik-MediumItalic-Web.eot?#iefix') format('embedded-opentype'),
       url('fonts/Graphik-MediumItalic-Web.woff2') format('woff2'),
       url('fonts/Graphik-MediumItalic-Web.woff') format('woff');
  font-weight:  500;
  font-style:   italic;
  font-stretch: normal;
}
.Graphik-MediumItalic-Web {
  font-family: 'Graphik Web';
  font-weight:  500;
  font-style:   italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('fonts/Graphik-Medium-Web.eot');
  src: url('fonts/Graphik-Medium-Web.eot?#iefix') format('embedded-opentype'),
       url('fonts/Graphik-Medium-Web.woff2') format('woff2'),
       url('fonts/Graphik-Medium-Web.woff') format('woff');
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
}
.Graphik-Medium-Web {
  font-family: 'Graphik Web';
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('fonts/Graphik-RegularItalic-Web.eot');
  src: url('fonts/Graphik-RegularItalic-Web.eot?#iefix') format('embedded-opentype'),
       url('fonts/Graphik-RegularItalic-Web.woff2') format('woff2'),
       url('fonts/Graphik-RegularItalic-Web.woff') format('woff');
  font-weight:  400;
  font-style:   italic;
  font-stretch: normal;
}
.Graphik-RegularItalic-Web {
  font-family: 'Graphik Web';
  font-weight:  400;
  font-style:   italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('fonts/Graphik-Regular-Web.eot');
  src: url('fonts/Graphik-Regular-Web.eot?#iefix') format('embedded-opentype'),
       url('fonts/Graphik-Regular-Web.woff2') format('woff2'),
       url('fonts/Graphik-Regular-Web.woff') format('woff');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}
.Graphik-Regular-Web {
  font-family: 'Graphik Web';
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('fonts/Graphik-LightItalic-Web.eot');
  src: url('fonts/Graphik-LightItalic-Web.eot?#iefix') format('embedded-opentype'),
       url('fonts/Graphik-LightItalic-Web.woff2') format('woff2'),
       url('fonts/Graphik-LightItalic-Web.woff') format('woff');
  font-weight:  300;
  font-style:   italic;
  font-stretch: normal;
}
.Graphik-LightItalic-Web {
  font-family: 'Graphik Web';
  font-weight:  300;
  font-style:   italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('fonts/Graphik-Light-Web.eot');
  src: url('fonts/Graphik-Light-Web.eot?#iefix') format('embedded-opentype'),
       url('fonts/Graphik-Light-Web.woff2') format('woff2'),
       url('fonts/Graphik-Light-Web.woff') format('woff');
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}
.Graphik-Light-Web {
  font-family: 'Graphik Web';
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('fonts/Graphik-ExtralightItalic-Web.eot');
  src: url('fonts/Graphik-ExtralightItalic-Web.eot?#iefix') format('embedded-opentype'),
       url('fonts/Graphik-ExtralightItalic-Web.woff2') format('woff2'),
       url('fonts/Graphik-ExtralightItalic-Web.woff') format('woff');
  font-weight:  200;
  font-style:   italic;
  font-stretch: normal;
}
.Graphik-ExtralightItalic-Web {
  font-family: 'Graphik Web';
  font-weight:  200;
  font-style:   italic;
  font-stretch: normal;
}

/* Responsive */
@media (min-width: 0px) and (max-width: 950px) {
  .usp-nf-header-logo {
    /* background-size: 100%; */
  }
  #content {
    display: block;
    padding: 0;
  }
  a.button {
    margin: 15px 10px 0;
  }
  .pageinfo-bar.desktop {
    display: none;
  }
  .pageinfo-bar.devices {
    display: block;
    float: none;
    width: 100%;
    padding: 0;
  }
  #text-area {
    float: none;
    width: 100%;
    padding: 20px;
  }
  footer {
    border: none;
    margin: 0;
    padding: 20px;
  }
}