h1, h2, h3, p, ul, li, a, span{
  font-family: $lato;
  font-weight: lighter;
}

header{
  a{
    font-size: $txt-figli;
    line-height: $Flhome;
  }
}

.home{
  p{
    font-size: $txt-figli;
    line-height: 3rem;
  }
  #text_figli{
    strong{
      position: relative;
      &::after{
        display: block;
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        background: black;
        bottom: 0;
      }
    }
    a{
      position: relative;
      &#publique{
        font-family: $playfair;
      }
      &#sociale{
        font-family: $syne;
      }
      &#culturelle{
        font-family: $avara;
      }
      &#commanditaires{
        font-family: $moche;
      }
    }
    #item{
      .e-content{
        p{
          font-size: 1rem;
          line-height: 1.2rem;
        }
      }
    }
    #item_list{
      &.commanditaires{
        flex-direction: column;
        .card-title{
          line-height: normal;
        }
      }

    }
  }
}

#item{
  h2{
    width: auto;
    line-height: 4rem!important;
    font-size: 4rem!important;
    font-weight: normal!important;
  }
  span{
    font-size: 1rem;
 }
 &.publique{
   h2{
     font-family: $playfair;
   }
   span{
     font-family: $playfair;
     font-weight: normal;
   }
 }
 &.sociale{
   h2{
     font-family: $syne;
   }
   span{
     font-family: $syne;
     font-weight: normal;
   }
 }
  &.culturelle{
    h2{
      font-family: $avara;
    }
    span{
      font-family: $avara;
      font-weight: normal;
    }
  }
}

a.publique, span.publique{
  font-family: $playfair;
}

a.sociale, span.sociale{
  font-family: $syne;
}

a.culturelle, span.culturelle{
  font-family: $avara;
}

.sidebar-right{
  ul, a{
    font-size: 0.9rem;
    line-height: 1.2rem;
  }
}

.other_projets{
  h3{
    font-size: $txt-figli;
    margin: 0;
  }
}

.card{
  h2{
    margin: 0;
    font-size: 1rem;
  }
}
