body {
  font-family: 'Work Sans', sans-serif;
  --bs-primary: 63594F;
  --bs-primary-rgb: 99,89,79;
  --bs-info-rgb: 112,108,103;
  --bs-dark: #222126;
  --bs-dark-rgb: 34,33,38;
  --bs-body-color: var(--bs-white);
  --bs-body-bg: var(--bs-border-color-translucent);
  --bs-body-font-weight: 300;
  --bs-secondary: 6C4E3F;
  --bs-secondary-rgb: 108,78,63;
  --bs-success: #9b8569;
  --bs-info: #706c67;
  --bs-success-rgb: 155,133,105;
  --bs-warning: #63594f;
  --bs-warning-rgb: 99,89,79;
  --bs-light: #8b867a;
  --bs-light-rgb: 139,134,122;
  --bs-danger: #b5b6af;
  --bs-danger-rgb: 181,182,175;
}

.container {
  height: 100%;
  max-width: 960px;
}

/* HERO */

#hero {
  width: 100%;
  background: url("../../assets/img/Hero/SX_brenvafac8_auto_x2_colored_toned_light_ai.jpg") center / cover no-repeat;
  height: 100vh;
  color: var(--bs-border-color-translucent);
}

@media (min-width: 768px) {
  #hero {
    width: 100%;
    background: url("../../assets/img/Hero/MD_brenvafac8_auto_x2_colored_toned_light_ai_02.jpg") center / cover no-repeat;
    height: 100vh;
    color: var(--bs-border-color-translucent);
  }
}

.text-badge {
  padding: .1em .4em;
  background: var(--bs-secondary);
}

/* ACCORDIAN STYLING */

#accordion-1 {
  background-color: var(--bs-dark);
}

@media (min-width: 300px) {
  .p2-accord {
    padding-left: 6px;
    padding-right: 0px;
    padding-top: 4px;
    margin-top: 30px;
  }
}

@media (min-width: 768px) {
  .p2-accord {
    padding-left: 50px;
    padding-right: 40px;
    padding-top: 4px;
    margin-top: 40px;
    margin-left: 60px;
    margin-right: 50px;
  }
}

/* GALLERY TITLES */

.paragraph-special {
  color: var(--bs-white);
  text-align: left;
  line-height: 23px;
  font-size: 14px;
  letter-spacing: 0px;
  font-family: 'Work Sans', sans-serif;
  padding-top: 6px;
  margin-bottom: 6px;
}

.paragraph-special-2 {
  color: var(--bs-white);
  text-align: left;
  line-height: 13px;
  font-size: 12px;
}

.text-muted-galleries {
  line-height: 17px;
}

.text-muted-2 {
  height: 30px;
  color: var(--bs-danger);
}

/* Intro text responsive */

@media (min-width: 300px) {
  #p2 {
    margin-left: -20px;
    margin-right: -19px;
    letter-spacing: 1px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  #p2 {
    font-family: 'Work Sans';
    line-height: 26px;
    letter-spacing: 3px;
    font-size: 24px;
    margin-right: 22px;
    margin-left: 22px;
  }
}

/* FOOTER */

footer {
  background: var(--bs-black);
}

/* MISCELLANEOUS */

.projects {
  --bs-gutter-y: 1.5rem;
}

#accordion-1 {
  background-color: var(--bs-dark);
}