body,
html {
  font-size: 16px;
  line-height: 22px;
}

h1,
h2,
h3 {
  font-family: $Regular-L;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

h1,
h2 {
  letter-spacing: $letterI1;
}

h1 {
  font-size: $fontH1;
  line-height: $lineH96;

  a {
    color: $blue!important;
    font-family: $Regular-L;
    font-size: $fontH1;
    line-height: $lineH96;
  }
}

h2 {
  font-size: $fonth2;
  line-height: $lineH30;
  color: $blue!important;
  background: white;
}

h3 {
  letter-spacing: 0.2rem;
  font-size: $font32;
}

h5 {
  font-family: $Roboto-B;
  font-weight: normal;
  font-size: $fontH5;
  margin: 10px 0;
}

a,
del,
li,
p,
ul {
  font-family: $Roboto-R;
  font-weight: normal;
  font-size: $fontp;
  line-height: 1.5rem;
  margin: 0;
  padding: 0;
}

em {
  font-family: $Roboto-I;
  font-weight: normal;
}

strong {
  font-family: $Roboto-B;
  font-weight: normal;
}

header {
  nav {
    ul {
      li {
        a {
          font-family: $Regular-L;
          font-size: $fontnav;
          line-height: $lineH40;
          letter-spacing: $letterI1;
          color: $blue!important;
        }
      }
    }
  }

  .logo {
    #user {
      p {
        font-size: 1.8rem;
        font-family: $Regular-L;
        line-height: 2.5rem;
        letter-spacing: $letterI1;
      }
    }

    .why_lsdo {
      h3 {
        font-size: $h3;
        letter-spacing: $letterI1;

        &:hover {
          text-decoration: underline;
        }
      }
    }
  }
}

#home {
  p {
    font-family: $Roboto-L;
    text-align: center;
    font-size: $fontPi;
    line-height: $lineH24;
  }
}

.grav-youtube {
  margin-top: 20px;
}

.section-content {
  h3 {
    font-family: $Regular-L;
    text-align: center;
    color: black!important;
    text-transform: inherit;
    letter-spacing: 0.1rem!important;
    white-space: nowrap;
  }
}

.sous-section {
  h3 {
    font-family: $Regular-L;
    text-align: center;
    color: $h3-color;
    background-color: $section;
    white-space: nowrap;
  }
}

.galerie {
  p {
    font-size: 0.8rem;
    line-height: 1.2rem;
  }
}

.item {
  h4 {
    font-family: $Roboto-B;
    text-transform: none;
    font-size: $h3;
    text-align: center;
    color: $red;
    letter-spacing: normal!important;
    font-weight: normal;
  }
}

.item-etapes {
  h4 {
    font-size: $h3;
    color: white;
    font-family: $Regular-L;
    text-transform: uppercase;
    font-weight: normal;
  }

  .txt {
    & > * {
      color: white;
    }
  }
}

#contact {
  p {
    strong {
      font-family: $Regular-L;
      font-weight: normal;
      font-size: $h3;
      letter-spacing: $letterI1;
      color: $blue;
    }
  }
}

footer {
  h3 {
    margin: 20px auto;
  }

  section {
    margin: auto;
    text-align: center;

    p:last-child {
      padding-bottom: 15px;
    }
  }

  ul {
    li {
      text-transform: uppercase;
      letter-spacing: $letterI1;

      a {
        font-family: $Regular-L;
        font-size: $fontnav;
        color: $blue;
      }
    }
  }
}
