:root {
    --font-family-primary: var(--primary-font), sans-serif;
    --margin-top-menu: 105px;
    --largura-menu: 220px;
    --color-text: #484848;
    --filtro-image: linear-gradient(to bottom, transparent, #4b3d2a91);
    --transition-efects: .7s;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
    margin-top: 0 !important
}

body {
    font-size: 1rem;
    color: var(--color-text);
    font-family: var(--primary-font), sans-serif !important;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-secondary)
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-family-primary);
    font-weight: 500;
    color: black;
    margin: 0 0 10px;
}

h1 {
    font-size: 5rem;
}

h2 {
    font-size: 2.5rem;
}

h3 {
    font-size: 2rem;
}

b,
strong {
    font-weight: 600;
}

a {
    text-decoration: none;
    color: var(--color-third);
    transition: var(--transition-efects);
}

p,
li {
    color: black;
}

.container-lg,
.container-md,
.container {
    padding: 3em 0;
}

.color-primary {
    color: var(--color-primary)
}

.color-secondary {
    color: var(--color-secondary)
}

.color-third {
    color: var(--color-third)
}

.color-fourth {
    color: var(--color-fourth)
}

.color-white {
    color: white
}

.color-black {
    color: black
}