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

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

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

h3{
  letter-spacing: 0.2rem;
  white-space: nowrap;
}

ul,li,a,p,del{
  font-family: $Roboto-R;
  font-weight: normal;
  font-size: $fontp;
}

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

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

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{
  font-size: $font32;
}

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: $font32;
        font-family: $Regular-L;
        line-height: $lineH32;
        letter-spacing: $letterI1;
      }
    }
    .why_lsdo{
      h3{
        font-size: $h3;
        letter-spacing: $letterI1;
        &:hover{
          text-decoration: underline;
        }
      }
    }
  }
}

#start{
  &> section > div > h3{
    // margin-top: 120px;
  }
  &> section > div > p{
    // padding-top: 120px!important;
    // padding-bottom: 100px;
  }

  section{
    .block{
       h3{
        text-align: center;
        color: #8d2815ff;
        text-transform: inherit;
        font-family: $Roboto-R;
        letter-spacing: 0;
      }
      .content{
        text-align: justify;
      }
    }
  }
  #home{
    & > p{
      font-family: $Roboto-L;
      text-align: center;
      font-size: $fontPi;
      line-height: $lineH24;
    }
  }
  #m-tier{
    section{
      &:nth-of-type(n+3){
        h3{
        font-size: 1.5rem;
        color: white;
        }
      }
      &:nth-of-type(-n+2){
        h3{
          text-transform: capitalize;
          text-align: center;
          color:$h3-color;
          text-transform: inherit;
          font-family: $Roboto-B;
          letter-spacing: 0;
          font-size: 1.5rem;
        }
      }
    }
  }

  #r-f-rences{
    & > p{
      text-align: center;
      font-size: 1.2rem;
      line-height: 1.7rem;
    }
    .title{
      // margin: 0 50px;
    }
    h3{
      font-family: $Regular-L;
      text-align: center;
      color: $h3-color;
      margin: auto;
      background-color: $section;
    }
    #travaux_r-alis-s{
      .galerie{
        p{
          font-size: 0.8rem;
          line-height: 1.2rem;
        }
      }
    }
    #recommandations{
      .owl-carousel{
        .content{
          p:first-of-type{
            text-align: center;
          }
        }
      }
    }
  }
}

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

    }
  }
}
footer{
  ul{
    li{
      text-transform: uppercase;
      letter-spacing: $letterI1;
      a{
        font-family: $Regular-L;
        font-size: $fontnav;
        color: $blue;

      }
    }
  }
}
