body,
p {
  font-family: "Roboto Serif", sans-serif;
}

h1,
h2,
h3,
h4 {
  font-family: "Lora", serif;
}
.g-font-playfair {
  font-family: "Lora", serif;
}

.g-color-primary {
  color: rgb(122, 59, 53) !important;
}

/* .g-bg-primary,
.g-border-primary,
.u-btn-primary {
  background-color: rgb(122, 59, 53) !important;
}

.btn-outline-primary {
  border-color: rgb(122, 59, 53) !important;
  color: rgb(122, 59, 53) !important;
}
.btn-outline-primary:hover {
  background-color: rgb(122, 59, 53) !important;
  color: white;
} */

.nav-item {
  font-weight: 900;
  font-size: 1rem;
}

.home-hover:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.end-section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top 20% left 20%;
}

#end-wood {
  background-image: url("../img/poeles-a-bois/end.jpg");
}

#end-granules {
  background-image: url("../img/poeles-a-granules/end.jpg");
}

#end-home {
  height: 400px;
  background-image: url("../img/end.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}


#modal-type-aftersometime {
  width: 100%;
}

#modal-type-aftersometime .close {
  color: red;
}

@media screen and (max-width: 450px) {
  #end-wood {
    background-position: bottom 50% left 20%;
  }

  #end-granules {
    background-position: right 0%;
  }

  #end-home {
    background-position: 25%;
  }
}

@media screen and (min-width: 950px) {
  #modal-type-aftersometime {
    width: 50%;
  }
}