.avatar{
  width:40px;
  border-radius:50%
}
.avatar-large{
  width:56px;
  border-radius:50%
}
.avatar-bordered{
  width:40px;
  border-radius:50%;
  box-shadow:0 1px 2px rgba(0,0,0,0.2);
  border:white 1px solid
}
.avatar-square{
  width:40px;
  border-radius:0px;
  box-shadow:0 1px 2px rgba(0,0,0,0.2);
  border:white 1px solid
}
.navbar-lewagon{
  justify-content:space-between;
  background:white;
  margin-bottom:20px
}
.navbar-lewagon .navbar-collapse {
  flex-grow:0
}
.navbar-lewagon .navbar-brand img {
  height:40px
}
.footer {
  background:#F4F4F4;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  height:100px;
  padding:0px 20px;
  color:rgba(0,0,0,0.3);
  grid-gap:16px
}
.footer-links{
  display:flex;
  align-items:center;
  justify-content:center
}
.footer-links a{
  color:black;
  opacity:0.15;
  text-decoration:none;
  font-size:24px;
  padding:0px 10px
}
.footer-links a:hover{opacity:1}
.footer-links-words{display:flex;flex-direction:column;align-items:center;justify-content:center}
.footer-links-words a{color:black;opacity:0.15;text-decoration:none;font-size:16px}
.footer-links-words a:hover{opacity:1}
@media (min-width: 100px) and (max-width: 575px){.footer{grid-template-columns:1fr}}
@media (min-width: 576px){.footer{grid-template-columns:1fr}}
@media (min-width: 768px){.footer{grid-template-columns:1fr 1fr}}
@media (min-width: 992px){.footer{grid-template-columns:1fr 1fr 1fr}}
@media (min-width: 1200px){.footer{grid-template-columns:1fr 1fr 1fr}}
.banner{background-size:cover;background-position:50% 40%;padding:80px;text-align:center}
.banner img{opacity:.8;height:40vh}
#card-category-1{background-size:cover;background-position:center;height:250px;display:flex;justify-content:center;align-items:center;color:white;font-size:24px;font-weight:bold;text-shadow:1px 1px 3px rgba(0,0,0,0.2);border-radius:5px;box-shadow:0 0 15px rgba(0,0,0,0.2)}
#card-category-2{background-size:cover;background-position:center;height:250px;display:flex;justify-content:center;align-items:center;color:white;font-size:24px;font-weight:bold;text-shadow:1px 1px 3px rgba(0,0,0,0.2);border-radius:5px;box-shadow:0 0 15px rgba(0,0,0,0.2)}
#card-category-3{background-size:cover;background-position:top;height:250px;display:flex;justify-content:center;align-items:center;color:white;font-size:24px;font-weight:bold;text-shadow:1px 1px 3px rgba(0,0,0,0.2);border-radius:5px;box-shadow:0 0 15px rgba(0,0,0,0.2)}

.cards{padding:20px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}
.cards a:hover{text-decoration:none;color:grey}
#freetrial {
  color: #B86C54;
}
.tarifs{
  padding:40px;
  display:grid;
  grid-template-columns:3fr 2fr
}
.abo_item{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center
}
.abos_left{
  padding:20px;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  grid-gap:20px
}
.abos_right{
  padding:20px;
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-gap:20px
}
.abo_card{
  height:300px;
  font-size:24px;
  border-radius:5px;
  box-shadow:0 0 15px rgba(0,0,0,0.2);
  padding: 4px;
  display:flex;
  flex-direction:column;
  justify-content:space-between
}
.title{
    background-color: #B86C54;
    padding: 6px;
}
.price{
    font-size:72px;
    font-weight:bold;
    color:#B86C54
}
@media (min-width: 100px) and (max-width: 575px){.cards{grid-template-columns:1fr}
.abos_left{grid-template-columns:1fr}.abos_right{grid-template-columns:1fr}.tarifs{grid-template-columns:1fr}}
@media (min-width: 576px){.cards{grid-template-columns:1fr}}
@media (min-width: 768px){.cards{grid-template-columns:1fr 1fr}}
@media (min-width: 992px){.cards{grid-template-columns:1fr 1fr 1fr}}
@media (min-width: 1200px){.cards{grid-template-columns:1fr 1fr 1fr}}
.socialmedialinks a{color:black;opacity:0.15;text-decoration:none;font-size:48px;padding:0px 10px}
.socialmedialinks a:hover{opacity:1}
.welcome{padding:10px}
.contact_infos{display:grid;grid-template-columns:1fr;grid-gap:16px;width:80vw;margin:auto}
.elji_infos{padding:10px}#logo_contact{width:22vw;min-width:200px;padding:20px}
#planning{margin:20px;max-width:80vw}#freetrial{font-size:40px}
.engagement{font-size:30px;font-weight:bold}
.spe{font-size:16px}
.info_ita{font-style:italic;font-size:14px}
body {
  text-align:center;
  display:grid;
  grid-template-rows:auto 1fr auto;
  min-height:100vh;
  background: #F4F4F4;
}

h1{color:#B86C54}
h2{color:#B86C54}
h3{font-style:italic}