@font-face {
  font-family: 'Speed-regular';
  src: url("/framework/fonts/Speedee/Speedee_W_Rg.woff") format("woff"), url("/framework/fonts/Speedee/Speedee_Rg.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'Speed-bold';
  src: url("/framework/fonts/Speedee/Speedee_W_Bd.woff") format("woff"), url("/framework/fonts/Speedee/Speedee_Bd.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

html,
body {
  min-width: 320px;
  font-family: "Speed-regular";
}

b, .bold, strong, .heading-li-1 {
  font-family: "Speed-bold";
}

img {
  max-width: 100%;
}

.text-indent span {
  width: 30px;
  display: inline-block;
}

.text-indent { 
  padding-left: 60px;
  text-indent: -30px;
}

.text-indent-fr span {
  width: 46px;
  display: inline-block;
}

.text-indent-fr { 
  padding-left: 100px;
  text-indent: -50px;
}

a {
  color: #006BAE;
  text-decoration: underline;
  &:hover {
    text-decoration: none;
  }
}
ol {
  ol {
    padding-inline-start: 20px;
  }
}
ol li::marker  {
  font-family: "Speed-bold";
}
.alpha {
  list-style-type: upper-alpha;
}
.alpha.lower {
  list-style-type: lower-alpha;
}
.list-disc {
  list-style-type: disc;
}

@media (max-width: 768px) {
  h1 {
    line-height: 1.5;
    font-size: 24px;
  }
  .main-ol {
    /* padding-left: 20px; */
  }
  .main-ol > li {
    margin-bottom: 1.5rem;
  }
  .heading-li-1 {
    margin-bottom: .5rem;
  }
}