@font-face {
  font-family: Roboto;
  src: url('../../font/roboto/roboto-v29-latin-regular.woff2') format('woff2'),
       url('../../font/roboto/roboto-v29-latin-regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url('../../font/roboto/roboto-v29-latin-italic.woff2') format('woff2'),
       url('../../font/roboto/roboto-v29-latin-italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: Roboto;
  src: url('../../font/roboto/roboto-v29-latin-500.woff2') format('woff2'),
       url('../../font/roboto/roboto-v29-latin-500.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url('../../font/roboto/roboto-v29-latin-500italic.woff2') format('woff2'),
       url('../../font/roboto/roboto-v29-latin-500italic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: Roboto;
  src: url('../../font/roboto/roboto-v29-latin-300.woff2') format('woff2'),
       url('../../font/roboto/roboto-v29-latin-300.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url('../../font/roboto/roboto-v29-latin-300italic.woff2') format('woff2'),
       url('../../font/roboto/roboto-v29-latin-300italic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: Roboto;
  src: url('../../font/roboto/roboto-v29-latin-900.woff2') format('woff2'),
       url('../../font/roboto/roboto-v29-latin-900.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url('../../font/roboto/roboto-v29-latin-900italic.woff2') format('woff2'),
       url('../../font/roboto/roboto-v29-latin-900italic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
}

body{
  /*font-size:87.5%;*/
  font-size:100%;
  line-height: 1.25;
}
strong,.bold{
  font-weight:500;
}
table tr th{
  font-weight:500;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: 'Roboto', 'Arial',Helvetica, sans-serif;
  line-height: 1.1;
}
h1{
  font-size:36px
}
h2,h3,h4,h5 {
    font-weight: 500;
    line-height: 1.1
}

h2,h3 {
    /*margin-top: 20px;*/
    margin-bottom: 10px
}

h4,h5 {
    margin-top: 10px;
    margin-bottom: 10px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 14px
}

.fw-300{
  font-weight: 300 !important;
}

@media (min-width: 43.75em) {
  article {
    font-size: 1em;
    /* equivalent to 16px */
    line-height: 1.25;
    /* equivalent to 22px */
  }
}

@media screen and (min-width: 40em){
  h1, .h1 {
      font-size: 2.5rem;
  }
}

h1 {
  font-size: 2em;
  line-height: 1.1;
}

@media screen and (min-width: 40em) {
  h1 {
    font-size: 2.5em;
    line-height: 1.1;
  }
}

@media screen and (min-width: 56.25em) {
  h1 {
    font-size: 2.75em;
    line-height: 1.1;
  }
}

h2 {
  font-size: 1.625em;
  line-height: 1.1;
  margin-top:0.5rem;
}

@media screen and (min-width: 43.75em) {
  h2 {
    font-size: 2em;
    line-height: 1.1;
  }
}

@media screen and (min-width: 56.25em) {
  h2 {
    font-size: 2.25em;
    line-height: 1.1;
  }
}

h3 {
  font-size: 1.375em;
  line-height: 1.13636364;
}

@media screen and (min-width: 43.75em) {
  h3 {
    font-size: 1.5em;
    line-height: 1.25;
  }
}

@media screen and (min-width: 56.25em) {
  h3 {
    font-size: 1.75em;
    line-height: 1.25;
  }
}

h4 {
  font-size: 1.25em;
  line-height: 1.11111111;
}

@media screen and (min-width: 43.75em) {
  h4 {
    font-size: 1.375em;
    line-height: 1.22222222;
  }
}

.fs-90{
  font-size: 0.875rem !important;
  line-height: 1.4;
}
select{
  font-size: 0.875rem;
  /*color: var(--gray-text);*/
}
@media print{
  h1#print-co-name{
    font-size:1.75em !important;
    font-weight:400 !important;
    margin-bottom:16px !important;
  }
}