:root {
    --color-brand: #FCAF3B;
}

html {
  font-size: 16px;
  position: relative;
  min-height: 100%;
}

body {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}

main {
  flex-grow: 1;
}

img {
    width: 100%;
    height: auto;
}

.brand-color {
    color: var(--color-brand);
}

footer a {
    color: var(--color-brand)
}

.socials {
    display: flex;
    justify-content: center;
    gap: 1rem;

    a {
        width: 2rem;
    }
}

.btn-brand {
  --bs-btn-bg: #FCAF3B;
  --bs-btn-border-color: #FCAF3B;
  --bs-btn-color: #212529;
  --bs-btn-hover-bg: #E3951F;
  --bs-btn-hover-border-color: #D68D1D;
  --bs-btn-hover-color: #212529;
  --bs-btn-active-bg: #C98217;
  --bs-btn-active-border-color: #BC7A15;
  --bs-btn-active-color: #212529;
  --bs-btn-focus-shadow-rgb: 252, 175, 59;
}

.content-width {
    max-width: 80rem;
}

.btn.phone {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.btn.phone svg {
    padding-block-start: 0.125rem;
    width: 1rem;
    height: 1rem;
}