/* default values */
html,
body {
  height: 100%;
  width: 100%;
  padding: 0px;
  margin: 0px;
  background-color: #fff;
  overflow-x: hidden;
  color: var(--black-txt);
  font-family: "Montserrat", sans-serif;
  scroll-behavior: smooth;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: 0;
}
a,
a:hover {
  text-decoration: none !important;
}
*:focus {
  outline: none !important;
  box-shadow: none !important;
}
:root {
  --black-txt: #1C191D;
  --terracota: #BE5133;
  --beige: #D1CAB4;
}
h1,
h2,
h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
h1 span,
h2 span {
  color: var(--terracota);
}
p {
  font-size: .85rem !important;
  color: var(--black-txt);
  font-weight: 400;
}
header {
  background-image: url("../img/bg-header.webp"), url("../img/bg-beige.webp");
  background-repeat: repeat-x, repeat-x;
  background-size: 100% 50px, 100% 40px;
  background-position: top center, bottom center;
  height: 90px;
}

/* media queries */
/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  header {
    background-image: url("../img/bg-header.webp"), url("../img/bg-beige.webp");
    background-repeat: repeat-x, repeat-x;
    background-size: 100% 25px, 100% 60px;
    background-position: top center, bottom center;
    height: 85px;
  }
}