/* 
 Theme Name:     Larouche
 Author:         Larouche Marketing | Communications
 Author URI:     https://larouchemc.com 
 Version:        1.0 
*/
/****** Stylesheets ********/

:root {
  --bleu: #001EB4;
  --blanc: #fff;
  --noir: #000;
  --gris-light: #E7E7E7;
  --gris-verylight: #F5F5F5;
}

* {
  margin: 0px;
  padding: 0px;
}

body {
  font-family: "thonglor-soi-4", sans-serif;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  overscroll-behavior-y: none;
  color: #000;
  background-color: var(--gris-verylight);
}

html {
  height: 100%;
  scroll-behavior: smooth;
}

h1{
  font-size:88px;
  line-height:90px;
  font-weight:400;
  letter-spacing: -4.4px;
  @media screen and (max-width: 1024px) {
    font-size: 70px;
  }
  @media screen and (max-width: 820px) {
    font-size: 60px;
    line-height: 64px; 
    letter-spacing: -3px;
  }
  @media screen and (max-width: 400px) {
    font-size: 50px;
  }
}
h2{
  font-size:40px;
  line-height:44px;
  font-weight:400;
  letter-spacing: -1.2px;
  @media screen and (max-width: 1024px) {
    font-size: 36px;
  }
  @media screen and (max-width: 820px) {
    font-size: 34px;
  }
  @media screen and (max-width: 500px) {
    font-size: 32px;
    line-height: 36px; 
    letter-spacing: -0.96px;
  }
  @media screen and (max-width: 360px) {
    font-size:31px;
  }
}
h3{
  font-size:28px;
  line-height:32px;
  font-weight:500;
  letter-spacing: -0.56px;
  @media screen and (max-width: 500px) {
    font-size: 28px;
    line-height:28px; 
    letter-spacing: -0.48px;
  }
}
a{
  text-decoration:none;
  font-size: 16px;
  line-height:24px;
  font-weight:400;
  cursor: pointer;
}
a.lienBouton{
  display: flex;
  padding: 6px 52px;
  justify-content: center;
  align-items: center;
  background-color: var(--blanc);
  text-decoration: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 112.5% */
  letter-spacing: 0.5px;
  transition: 0.1s;
}
a.lienBouton:hover{
font-weight: 700;
}
p{
  font-size:16px;
  line-height:24px;
  font-weight:400;
}
.container{
  margin:0 auto;
  max-width:1130px;
  @media screen and (max-width: 1200px) {
    max-width:90%;
  }
}

/*# sourceMappingURL=style.css.map */