@font-face {
  font-family: 'FormaDJR Micro-Regular';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/FormaDJRMicro-Regular.ttf);
}

@font-face {
  font-family: 'FormaDJR Display-Regular';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/FormaDJRDisplay-Regular.ttf);
}

*{
  margin: 0;
  padding: 0;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  line-height: 1;
  transition: 0.4s;
  scroll-behavior: smooth;
  text-align: left;
  font-family: 'FormaDJR Micro-Regular', sans-serif;
  font-weight: normal;
  color: #000;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.nobar::-webkit-scrollbar       { width:  0; height: 0; }
::-webkit-scrollbar             { width:  12px; height: 12px; }/* width */
::-webkit-scrollbar-track       { padding: 8px; background: #e6e6e6;} /* Track */
::-webkit-scrollbar-thumb       { background: #000; } /* Handle */
::-webkit-scrollbar-thumb:hover { background: #444; }/* Handle on hover */
h1{ font-size: 250%; font-weight:normal; font-family: 'FormaDJR Display-Regular', sans-serif; }
h2{ font-size: 180%; font-weight:normal; font-family: 'FormaDJR Display-Regular', sans-serif; }
h3{ font-size: 140%; font-weight:normal }
h4{ font-size: 120%; font-weight:normal }
p { font-size: 100%; font-weight:normal }
h5{ font-size:  90%; font-weight:normal }
h6{ font-size:  80%; font-weight:normal }
body{ height: 100%; overflow-y: scroll; }
main{ width: 100%; height: auto; margin: auto; }

.L2R,.R2L{ display: flex; }
.L2R{ flex-flow: row wrap; }
.R2L{ flex-flow: row-reverse wrap; }


main.prem .bgcol{ background-color: #E6E6E6; }
main.prem image{display: block;}
main.prem header section{ padding: 20px 30px; border-bottom: 1px solid black; }
main.prem header aside{ padding: 21px; display:flex; align-items:center; flex-flow: column; }
main.prem header aside h1,
main.prem header aside h3{ text-align:center; }
main.prem header aside:nth-of-type(2){ min-height: 130px; background-color:#000; }
main.prem header aside:nth-of-type(2) h3{ color: #FFF; }

main.prem article{ width: 100%; padding: 0; margin-top: 30px; }

main.prem article.KSP section{ width: 100%; }
main.prem article.KSP section:nth-of-type(2){ padding: 40px; }
main.prem article.KSP section:nth-of-type(2) h2,
main.prem article.KSP section:nth-of-type(2) p{ padding: 20px 0; border-bottom: 1px solid black; }

main.prem article#SPEC{ display: flex; flex-flow: row wrap; }
main.prem article#SPEC aside{ width: 100%; padding: 20px; }
main.prem article#SPEC aside img{ margin-bottom: 8px; }
main.prem article#SPEC aside h4{ margin-bottom: 8px; }

#FICHA section{ padding: 21px 28px; background-color: #E6E6E6; }

table{ border-spacing: 0; table-layout: fixed; }
table *{ word-wrap: break-word; }
th{ font-size: 150%; }
td{ font-size: 120%; }
th,td{ padding: 20px; border-bottom: 1px solid black; }

@media only screen and (max-width: 699px) {
  main{ max-width: 500px; }
  main.prem article#SPEC aside:not(:nth-of-type(6)){ border-bottom: 1px solid black; }
}

@media only screen and (min-width: 700px) and (max-width: 999px) {
  main{ max-width: 700px; }
  main.prem header aside{ padding: 21px 100px;}
  main.prem article.KSP section:nth-of-type(1){ width: 50%; }
  main.prem article.KSP section:nth-of-type(2){ width: 46%; }
  main.prem article#SPEC aside{ width: 33%; height: 300px; }
  main.prem article#SPEC aside:is(:nth-of-type(1),:nth-of-type(2),:nth-of-type(3)){ border-bottom: 1px solid black; }
  main.prem article#SPEC aside:not(:is(:nth-of-type(3),:nth-of-type(6))){ border-right: 1px solid black; }

  h1{ font-size: 300%; font-weight:normal; }
  h2{ font-size: 210%; font-weight:normal; }
}

@media only screen and (min-width: 1000px) {
  main{ max-width: 1000px; }
  main.prem header aside{ padding: 21px 100px;}
  main.prem article.KSP section:nth-of-type(1){ width: 50%; }
  main.prem article.KSP section:nth-of-type(2){ width: 46%; }
  main.prem article#SPEC aside{ width: 33%; height: 200px; }
  main.prem article#SPEC aside:is(:nth-of-type(1),:nth-of-type(2),:nth-of-type(3)){ border-bottom: 1px solid black; }
  main.prem article#SPEC aside:not(:is(:nth-of-type(3),:nth-of-type(6))){ border-right: 1px solid black; }

  h1{ font-size: 320%; font-weight:normal; }
  h2{ font-size: 230%; font-weight:normal; }
}