.site-footer{
  padding:75px 0 55px;
  background:#e9e3da;
}

.footer-grid{
  display:grid;
  grid-template-columns:1.7fr 1fr 1fr 1.25fr 1fr;
  gap:40px;
  align-items:start;
}

.footer-brand{
  display:inline-flex;
}

.footer-logo{
  display:block;
  width:140px;
  max-width:140px;
  height:auto;
}

.footer-grid strong{
  display:block;
  margin-bottom:12px;

  font-family:var(--font-display);
  font-size:21px;
  font-weight:400;
  color:var(--color-stone);
}

.footer-grid p,
.footer-grid a{
  display:block;
  margin-top:7px;

  color:var(--muted);
  font-size:9px;
  line-height:1.9;
}

.footer-grid a{
  text-decoration:none;
  transition:color .2s ease;
}

.footer-grid a:hover{
  color:var(--color-champagne);
}


/* TABLETTE */

@media(max-width:950px){

  .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:38px 50px;
  }

}


/* MOBILE */

@media(max-width:600px){

  .site-footer{
    padding:55px 0 40px;
  }

  .footer-grid{
    grid-template-columns:1fr;
    gap:30px;
  }

  .footer-logo{
    width:120px;
    max-width:120px;
  }

  .footer-grid strong{
    font-size:20px;
  }

  .footer-grid p,
  .footer-grid a{
    font-size:10px;
  }

}